June 06, 2014

如何为有功能限制的浏览器提供网页

功能限制的浏览器,比如 IE 低版本、手机浏览器、奇葩国内浏览器,会在很多功能上不符合 Web 标准,而应对的方式有这么几种:

  • 只提供符合 Web 标准的页面

  • 提供另一个符合那些浏览器标准的页面

  • 兼容

兼容

这里有两种思路,一个是渐进增强,一个优雅降级。

  • 渐进增强的思路就是提供一个可用的原型,后来再为高级浏览器提供优化。
  • 优雅降级的思路是根据高级浏览器提供一个版本,然后有功能限制的浏览器只需要一个刚好能用的版本。

当然,工作中的标准都是尽量满足设计,如果不能满足的话就尽量贴近,不得已(性能之类的问题)才会砍掉某个浏览器版本上的需求。

相关技术

  • Media Query
  • CSS hack
  • 条件判断 <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->

blog comments powered by Disqus