IE9、Opera11.10和firefox4

提醒:本文最后更新于 4756 天前,文中所描述的信息可能已发生改变,请谨慎使用。

今天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"/>

jump list

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

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

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

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

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

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

Opera

图片默认为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,可以用硬件加速来获得更好的性能,还可以提供类似桌面提醒、文件读写等等本地化体验。

本文链接:https://imququ.com/post/ie9-opera11-and-firefox4.html参与评论 »

--EOF--

提醒:本文最后更新于 4756 天前,文中所描述的信息可能已发生改变,请谨慎使用。

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

Comments