日期:2014-05-17  浏览次数:20712 次

Pro CSS Techniques 读书笔记(四)
http://www.ctba.cn/blog/entry/2237

浏览器分级支持

2006年12月,Yahoo! Developer Network 提出了浏览器分级支持的概念,这并不是一个全新的概念,但可能是第一次将它写下来,并以一种有趣的方式传播给大众,而且它还列出了证据说明大部分网络公司都同意这种分级方法。

Yahoo! 的方法是检查所有的浏览器,并根据一些特性进行分级,这些特性包括以下几种:

已知和未知:将所有已知的浏览器进行分组是有可能的

能和不能:根据两个不同用途的浏览器对大多数网络标准的支持进行分组是有可能的

现代和过时:随着新的浏览器不断面市,老版本的使用率日趋下降

常见和少见:可使用的浏览器成千上万,但只有一小部分被广泛使用

这种分级的结果是形成了一个三级系统:C、A、X。Yahoo! 是这样定义的:

C 级:C 级浏览器属于已知的、支持度低的、过时并少用的产品。QA 测试了一些 C 级浏览器样本,优先显示 bug。

A 级:A 级浏览器属于已知的、支持度高的、现代的、普及的产品。QA 测试了所有的 A 级浏览器,优先显示 bug。

X 级:X 级浏览器属于未知的、假设支持度高、现代的、少见或边缘化的产品。QA 没有进行测试,所以它的 bug 未知。

Yahoo! 的浏览器分级表已经公开,在 这里 可以看到。

如何选择开发浏览器

稳定、可靠、符合标准的浏览器是最好的选择。在大部分的开发过程中,它都可以让你专注于以“正确”的方式做事。然后,再回过头来,为那些不那么完美的浏览器创建一个变通方法。在工作中,如果试图在比较差的浏览器下开啊,可能导致变通方法的增多和代码的冗长。

推荐使用 Firefox 作为首选开发浏览器,不仅因为它对标准的强大支持,还因为它具有很多很强大的扩展功能。

移动网络的浏览器

到 2009 年,全球将会有超过 3 亿的手机用户,绝大多数手机可能都装有浏览器。除了手机,其他的便携游戏平台(PSP、NDS)都具有网络浏览功能。还有那些使用 Palm OS、Windows Mobile、PocketPC 操作系统的 PDA 也可以联网。iPhone、Android 平台的“手机”就更不必说。这确实令人振奋!这个令人难以置信的网络浏览器和设备的新前景只是进一步强调了现在对于以网络标准为基础的开发的需要。

对于网站如何应对这些移动设备,BlueFlavor.com 的创始人 Brian Fling 在 WebVision 2006 中提供了 4 个移动“版本”的选择。(Designing for Mobile 的 ppt 非常赞,推荐阅读。点 这里 直接下载)

简单的说,如何支持移动设备并不是二选一的问题,而是应该与支持融为一体,也就是说,不用花费任何精力就可以支持移动设备,或是在花费精力的情况下能够更好的支持。Fling 将这些进行了总结,汇成一张图表:

fling



图示:你的网站的创造弹性,对终端用户的价值,下载速度和移动版本的关系

总结:尽管所有的网络设计者们都头疼于网络浏览器的不一致,但事实是,正确使用网络标准,可以将这种困扰降到最低。

下篇预告:CSS 文件管理