❗ 本文最后更新于 5010 天前,文中所描述的信息可能已发生改变,请谨慎使用。
今天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就是这样一直被模仿,一直在创新。新版Opera允许网站自定义这个快速拨号。
比较有用的是自定义快速拨号缩略图,这是通过link标签指定的:
<link rel="icon" type="image/png" href="https://mailseason.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,可以用硬件加速来获得更好的性能,还可以提供类似桌面提醒、文件读写等等本地化体验。
本文链接:https://mailseason.com/post/ie9-opera11-and-firefox4.html,参与评论 »
--EOF--
发表于 2011-03-21 23:19:30,并被添加「IE、Opera、Firefox」标签。查看本文 Markdown 版本 »
专题「浏览器」的其他文章 »
- 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)
Comments
Waline 评论加载中...