浏览器之争

nemo — Tue, 09 Sep 2008 09:27:00 GMT

为什么像微软和google这样的大公司都纷纷将目光投向了浏览器市场？虽然我并不认同在Google Developer Day中李开复说的“Web已经取得了胜利”，但我明白，浏览器作为一个进入互联网的核心平台，对于所有IT企业的重要意义。谁能赢得浏览器战争的胜利，谁就对next web有了主导权。Google坚持认为，未来可以没有操作系统，没有桌面软件，只要有一个浏览器，便可以在任何智能终端设备获得丰富而强大的互联网服务。从这个意义上讲，进军浏览器市场，是Google无法不出的一张牌。

然而，这张牌出的不合时宜。Chrome一出，抱怨之声连连。其实，但凡公司做的大了，就容易受到别人非同寻常的重视。这有好处也有坏处，好处是你可以借着你的名气快速的拓展原本并不擅长的业务，很快便会网罗一大帮人的关注；坏处是无论你做什么，别人都对你有相当高的期望，如果没有match这种期望，新产品的生存便会相当困难。而且，浏览器作为传统的桌面软件，跟google的其它产品及技术有较大的不同，不太适合将一个非常不成熟甚至没有经过缜密测试过的产品放出来。当年微软在IE的版本更迭周期中也走了很长一段弯路。

我不赞成google搞浏览器有两个原因。1. google一直在指责其它公司垄断，但是它其实也正在成为一个垄断化的公司，也在走通过兼并拓展业务的道路，在逐步成为一个IT业的“巨无霸”。它希望互联网上的所有东西都打上google的标签。2. google是Mozila公司最主要的赞助商之一，如果google致力于研发自己的浏览器，那么firefox未来的发展就岌岌可危了。这对浏览器领域的竞争不是一个好的征兆。

有很多人不明白竞争的好处。我研究过MIX06\07\08的大多数关于IE的Presentation，发现在IE6，微软甚至不是特别清楚未来的浏览器应该往哪个方向走。因为它已经是行业老大了，也没有感觉到多少这个行业技术创新的压力，因而，即使它很想做出新的东西给用户，也没有一个可以参照的方向。而现在不同了，有了Firefox，IE7\IE8非常清楚的明白了自己应该向哪个方向发展，并且开始有动力去做这样的事。这种竞争对于Web开发者和最终用户都是非常Positive的信号。

IE8 beta2 已经出来十天了，用了一段时间之后感觉很舒服，比Beta1的版本成熟多了。增加了可视化搜索和个性化定制功能。鉴于上次博客某位好心友人的建议，我玩了玩firebug，感受到了其强大，但同时也发现IE8 beta2提供的Developer Tools更加成熟，可以跟firebug媲美了。另外还有Ajax浏览，DOM和JS编程模型优化，对象回收机制的完善，进程模型的改变，安全防钓鱼机制的增强等等，相比firefox3为数不多的可圈可点的功能，的确增色不少。但是，就像上面提到的，对于长期站在风头浪尖的企业来说，负面的评价在所难免。很多人津津乐道于“成人浏览”模式，却忽略了IE8其它更为优秀的新功能。

不过，谁都清楚，浏览器并非一日之功，需要花费很大力气去经营。微软和Mozila（网景）都有十多年的基础和经验，所以能够把浏览器做的很好，因为它们“站在巨人的肩上”。

nemo 2008-09-09 17:27 发表评论

IE 8 Shining Features

nemo — Tue, 22 Jul 2008 12:51:00 GMT

IE 8 Beta 1 出来好久了，由于对IE7的使用仍然心有余悸（之前曾装了IE7又马上转向了Firefox阵营），我这次IE8的安装仍然忐忑不安。无奈经常需要使用代理浏览，而不知怎么搞的使用Firefox的about:config配置了N多遍了怎么也配置不好，每当别人嘲笑我说怎么还用老古董的IE6时，我就无可奈何。。。今天也要尝尝鲜了！

不看不知道，发现IE8的功能非常强大，其中最为耀眼的便是其强大的代码调试工具，同Firebug的距离又缩小了一大步。除此之外，IE8还有两个令人眼睛一亮的功能：WebCast和Activity(为方便尝试，本文采用http://ie8.taobao.com/list.php作为示例，这是淘宝针对IE8New Features 提供的Preview 页面，支持Web Cast和Activity。)。

1. Developer Tools

Developer Tools 提供了三个Tab, HTML\CSS\Script，其中，HTML Tab显示DOM树，CSS Tab显示CSS样式表，Script Tab会提供页面源代码，并方便我们对JavaScript的调试。有人说：这有什么稀奇的呢？先别急，我们先看看Debug的功能：

当我们点击了"Start Debugging"的按钮后，就可以设置在Javascript脚本中设置断点了，这令在IE中调试动态语言的梦想变成了现实。然后可以在右侧的窗口中查看系统中Local变量当前的值。同其他程序语言的调试工具一样，可以Step into, Step over, 查看调用栈以及添加查看的变量等。另外，Developer Tools还提供了Immediate Window允许开发者在当前的上下文环境中撰写Script代码并立即显示结果。

更为神奇的是HTML Tab。HTML Tab除显示DOM树之外，在其右侧窗口还会根据选择的DOM节点，显示每个标签使用的CSS样式表，当前标签的Layout模型，每个样式继承自何处，都可以非常直观的看到。而且，当我们想知道去掉某个CSS样式后的网页效果时，只需要将CSS表中相应项的check去掉，就可以立即在原始网页中观察到效果！

除此以外，Developer Tools提供了View和OutLine两个Menu，OutLine菜单提供了对不同的HTML元素的高亮显示（同FireFox提供的功能类似），而View菜单对于网站设计者非常有用，提供了"IE5”,"IE7","IE8"3种不同的模式预览页面。开发者可以快速的检测页面的IE兼容性。（唉，如果IE或Firefox能够提供对对方产品的兼容性就更好了。。。不过应该是遥遥无期的事情）

2. Web Cast
在淘宝的这个页面中，当鼠标移动到列表中的商品时，在左上方会出现一个小图标，该小图标提示使用者可以将此条目加入Web剪辑中。鼠标选择该条目，会弹出Web Slice的提醒页面，选择“Add”之后，在IE中便可以在Favorites中看到该Web Slice的导航标签了。单击该标签，便可以看到商品的信息。

这是怎么做到的呢？我们使用Developer Tools来查看一下HTML代码，发现所有的商品表格中都有类似这样的属性：

<tr class="hslice" id="item_5">
    <td width="20%" valign="middle" align="center" height="90" class="entry-content">
        <img src="http://img08.taobaocdn.com/bao/uploaded/i8/T1n8RbXb0n_QxtXcfX_114424.jpg_sum.jpg" border="0" title="装饰画/无框画/客厅/ 手绘油画/版画//客厅/ 0705DM1314" />td>
    <td width="60%" height="90" class="entry-title">
        <a target="_blank" href="http://auction1.taobao.com/auction/0/item_detail-0db2-ccabd3de2b21ee9744c062589e5be157.jhtml">装饰画/无框画/客厅/ 手绘油画/版画//客厅/ 0705DM1314a>
    td>
    <td width="20%" height="90" align="center" class="entry-content">
        一口价
        <span class="price"><sup style="color:#111;">￥sup>59.00span>
        <a style="display:none;" rel="feedurl" href="webslice/feed.php?itemID=ccabd3de2b21ee9744c062589e5be157&xID=0db2">订阅到 WebSlicea>
    td>
tr>

支持Web Slice Support的关键的属性为'class="hslice"', 'class='entry-content"'，class='entry-title'。WebSlice 使用 hAtom Microformat 和 WebSlice 格式的组合来描述 Web 页面的可预订部分。订阅WebSlice后，WebSlice标签显示的标题为entry-title中注明的标题，在该例中，预览后显示的内容为entry-content链接的feed中最新的内容。请注意：Web Slice会自动更新状态。比如，拍卖的商品剩余时间会由于点击Web Slice的时间不同而自动更新。

3. Activities

在以前，我们使用复制和粘贴技术将一个网站有用的信息复制到另外一个网站。

比如，我们在网上看到了一个朋友的联系地址，想要使用Google Map的服务，我们的做法是这样：复制这个地址，打开google map，然后粘贴该地址用于检索。当我们想要再次进行查找时，又要重复一遍这样的过程。

再比如，我们在网上看到了一个QQ号，想要了解该QQ号的主人的相关信息。那么我们需要首先打开QQ，然后查找QQ用户，输入QQ号码，得到搜索结果之后才能查看用户信息。。。

IE 8的Activities特性使用户不再如此繁琐。如果服务提供商能够遵循“OpenService 活动”XML格式来指定HTTP请求的格式，并且在网站中加入活动安装按钮，则不需要用户访问相应的网站，便可以使用服务了。

在淘宝IE8的页面中，选择右侧的安装Taobao Activity按钮，安装淘宝商品搜索Activity。然后，当选中某些相关的内容后，会出现Activity浮动Toolbar，选择该浮动Toolbar，下拉列表中将出现所有可用的服务。将鼠标移到“淘宝搜索”Item上，将会自动弹出前12个搜索结果的图片。可以直接点击图片以查看内容。

这是怎么实现的呢？同样非常简单。只要在原来已有服务的基础上，按照OpenService 活动XML格式来描述服务，并提供发布活动的方法就可以了。下面为淘宝的Open Service Definition代码：

xml version="1.0" encoding="UTF-8" ?>
<openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">
    <homepageUrl>http://www.taobao.comhomepageUrl>
    <display>
        <name>淘宝搜索name>
        <icon>http://www.taobao.com/favicon.icoicon>
    display>
    <activity category="查找">
        <activityAction context="selection">
            <preview action="http://ie8.taobao.com/activities/preview.php?query={selection}" />
            <execute method="get" action="http://ie8.taobao.com/list.php?query={selection}" />
        activityAction>
    activity>
openServiceDescription>

如果要发布活动，需要运行如下javascript代码：window.external.addService(' /GetMap.xml');
淘宝是通过如下方法加入的：

1 <script type="text/javascript">
2 function addActivity() {
3     if (navigator.userAgent.indexOf('MSIE 8') == -1) {
4         alert('请首先安装IE8.');
5     } else {
6         window.external.addService('activities/taobao-search.xml');
7     }
8 }
9 script>

<button type="button" onclick="addActivity();">安装 Taobao Activitybutton>

IE8当前已经支持的有下面这些活动服务（你可以很容易的用上面的方式添加自己的活动服务）：
map：Windows Live Map、Google Maps、Yahoo!Maps、Mapquest
blog：Windows Live Spaces、Windows Live Writer、Blogger
define：Encarta、Wikipedia、Dictionary.com
add：Del.icio.us、Reddit、Google Reader
translate：Windows Live Translation、Babelfish、Google Translation
IE8中还提供了活动本地化的方法，可以根据用户的地域来提供不同内容的活动。
可从这个网站查看现有IE8支持的中文顶级活动：http://ie.microsoft.com/activities/zh-chs/default.aspx
该网站为IE8支持的英文顶级活动：http://ie.microsoft.com/activities/default.aspx

后记

IE8 Beta2在8月份就要出来了，不知会有什么更新更Shining的特性。但无论如何，从IE8 Beta1来看，IE8的整体设计中，对用户、代码开发人员以及服务提供商都提供了更为强大的支持，有理由期待IE8能走的更远。我们不希望一家公司垄断某个产品，我们希望的是，在互相的竞争中，能够最终给使用者带来更多的愉悦，实现软件本应实现的价值。

nemo 2008-07-22 20:51 发表评论

BlogJava-不愿游泳的鱼-随笔分类-IE 8

浏览器之争

IE 8 Shining Features