随着互联网的不断发展,用户在访问网页的时候已经不单单局限于一个浏览器或者是设备终端了,而这也要求设计师在制作网页的时候更多的考虑跨设备与跨浏览器访问的问题。下面我们就一起来了解一下跨浏览器网页设计都有哪些要求。

1、网站不需要在所有浏览器里渲染得一样.一件普遍被开发者所关心的事情是确保他们的网站在所有浏览器中渲染得一样,包括非现代的一些。那一般并不需要。更好的路线是考虑逐渐增强你的网站,对非现代浏览器的用户提供一个可靠的工作基线,而给用现代浏览器的用户提供一个更丰富的UI。

2、从固体模版开始以简化开发.许多的技巧已经创建进项目模版如HTML5Boilerplate以节省你一些时间。这些准则对以现代浏览器为目标的项目和需要旧浏览器(一直回退到IE6)支持的项目工作得一样好。

3、关注稳定的标准.当一个新又酷的特性出现的时候很容易令人兴奋,但其中的一些可能仍然在为技术参数实验、仍然在开发中。重要的是要记得,在规范发展的早期是很容易变化的,这有可能影响你的网站的稳定性和你的用户的体验。通过关注稳定的标准,你可以确保你的用户能获得他们期望的体验,你的网站会更易维护。

4、用IE兼容检测工具帮助你的网站迁移到基于标准的代码.标准是IE10的一个核心部分,帮助开发者迁移他们的代码以便能发挥这项长处,这对IE工程项目组来说无比重要。这就是为什么他们创造了IE兼容检测工具,它能实时分析你的网站,准确的找到通常问题的类型并给出解决方法。通过在你的代码中包括一个简单的Javascript脚本文件,在你的页面你就能得到可视化的结果。

5、谨慎使用polyfills和shims(模拟标准API).如果你必须在不同浏览器实现系统的体验,polyfills和shims提供了代码和标签,可以帮助模拟标准的API和功能。需要谨记的是,确保你引入的代码适合你的需要,并且可以在日后维护。

6、开发时多浏览器测试.尽管相对以前,现代浏览器已经接近统一标准,但还是有不同。偶尔的多浏览器测试避免不会在后一刻发现大问题——甚至已经上线了。确保查看所有浏览器调试器比如IE的F12DevTools,检查有没有警告或错误信息。一些老浏览器比如IE7没有内建调试器,可以用FirebugLite调试。