IE9、Opera11.10和firefox4

今天firefox4正式版提前泄漏，标志着几大浏览器又一次更新换代总算完成。除了更现代的UI，更快的性能，更好的标准支持度外，还有些好玩的东西。

首先是IE9的跳转列表（jump list）。这本来是win7提供给传统应用程序用的，可以让用户快速完成一些任务。现在网页也可以用，在页头定义这些格式的meta信息用IE9打开就行：

<meta content="网站名称" name="application-name" />

    <meta content="name=任务名;action-uri=对应链接;icon-uri=icon图片" name="msapplication-task" />
    ... ...
    <meta name="msapplication-navbutton-color" content="black"/>

我的博客也加上了这个功能，效果就是右边那样，对应的代码可以查看源文件。如果给每个任务单独设计icon可能要好看一些。

IE9在处理pinned网页与普通网页相比有不少变化，前者看起来更像一个app。前进后退按钮的颜色是根据favicon自动算的，也可以由页面来指定，相关细节 可以查看这篇文章。

其他浏览器想要支持这个功能其实并不难，就看浏览器厂商愿不愿意了。还有人写了个Chrome插件，可以将网页jump list信息提出来以Chrome插件常见的形式来展现。

再说说出来没多久的Opera11.10。大家都知道Opera有个快速拨号的功能，现在各浏览器都拿过去用，Opera就是这样一直被模仿，一直在创新。新版Ope ra允许网站自定义这个快速拨号。

比较有用的是自定义快速拨号缩略图，这是通过link标签指定的：

<link rel="icon" type="image/png"
href="https://imququ.com/static/opera_logo.png">

图片默认为260px*195px，也支持apple-touch-icon、 apple-touch-icon- precomposed指定的图片，不过快速拨号区域比较大，还是单做一张图比较好。左边是我的博客添进去的效果，除了图片难看点貌似没别的。

有个问题是firefox和Chrome都会把这个大图片当成网站favicon来显示，可能要把小favicon写在靠后的位置。

如果不想用图片，还可以用css来定制，如果什么都不做，那Opera只好基于一套规则去找缩略图，最坏的情况是把网站内容作为缩略图，十分难看。快速拨号缩略图刷新 周期也可以通过meta来指定。另外，服务器可以根据请求头是否包含"X-Purpose: preview"，识别刷新缩略图请求，为其定制最少的内容节省流量。要了解这部分详情，继续点开链接。

firefox4是刚装上的，还没怎么玩，只是感觉新建tab不太流畅，在about:config把browser.tabs.animate改成false要好点 。之前装的大部分插件都能用，个别要去官方找新版，如firebug。让人郁闷的是autoproxy暂时貌似无解。

个人感觉今后浏览器会进化成app store模式，网站都是webapp们，可以更好的定制UI，可以用硬件加速来获得更好的性能，还可以提供类似桌面提醒、文件读写等等本地化体验。

专题「浏览器」的其他文章 »

• iOS 10 Safari 视频播放新政策 (Oct 07, 2016)
• Chrome 中 scrollingElement 的变化 (Apr 16, 2016)
• 域名小知识：Public Suffix List (Nov 28, 2015)
• window.opener.location 安全风险讨论 (Oct 09, 2015)
• 使用 SRI 增强 localStorage 代码安全 (Sep 26, 2015)
• Subresource Integrity 介绍 (Sep 23, 2015)
• 移动 Web 与 JavaScript 定时器 (Mar 27, 2014)
• Chrome 和 Web Fonts 二三事 (Mar 24, 2014)
• Webkit 异步加载 CSS 的奇怪现象 (Dec 25, 2013)
• 小成本实现部分选中的复选框 (Dec 22, 2013)