怎样可以很好地保证网页的浏览器兼容性？
2012-01-19 20:00:15   来源：   点击：

12 个答案

• 答案 1：

  其实我特别不愿意看到这样的问题。保证浏览器的兼容性是一个落后的话题，先看一组豆瓣数据，各浏览器的占有率：ie6 - 30.23%ie7 - 4.8%ie8 - 30.6%ie9 < 1%chrome - 13.99%firefox - 7.17%safari ~ 5%其他 ~ 8%我们认为chrome + firefox + safari + ie9是高端浏览器，ie8勉强算准高端吧。这样这部分占有率约57%(如果加上其他webkit内核的浏览器会更高一些) 已经大于ie6 + ie7。高端和低端浏览器的差距可以用html5test量化一下：Google Chromium 11.0.690的分数是293，而Microsoft Internet Explorer 6.0的分数17也许有各种fallback方案可以保证完全兼容性各个浏览器，但依然不能保证低端浏览器的使用体验，顶多是看起来各个浏览器都一样了。因此，现在的设计和开发的策略是浏览器分级支持。优先为高端浏览器设计，同时考虑低端浏览器的退化方案。甚至有些复杂的应用可以拒绝ie6，提示用户使用高端浏览器。豆瓣7月份将会发布一款对ie6说no的产品（国内第一个拒绝支持ie6的产品吧）因此不要再考虑向后兼容，应该考虑向后退化，更多考虑向前兼容。

• 答案 2：

  psd转html时，需按照W3C标准流程和规范制作，用基于标准的浏览器测试，推荐firefox,chrome这样基本上，firefox,chrome,safari,opera,IE9都能表现一致然后再针对IE8、7、6进行修改

• 答案 3：

  不得不考虑网站本身的用户群。像百姓网这类的分类信息网站，IE6在50%以上，反而firefox在1%都不到，设计时如果不考虑IE6，问题会非常的大。我想，保证产品的可用是底线，浏览器的兼容性方面可以通过避开一些不统一的写法等尽量保证效果统一，一些浏览器的特性，在现阶段只能说是锦上添花的东西。

• 答案 4：

  你说的差异是由于不同企业的观念导致。现在越来越流行“优雅退化”，特别是IT行业的网站。优雅退化差别与传统观念在于不保证所有浏览器的表现均一致，在更符合w3c标准的浏览器中表现良好，在旧浏览器中表现没那么好但不影响正常操作（例如知乎按钮的圆角效果）。保证浏览器的兼容性更多需要靠经验，经验让你对CSS的根源有更深的认识，所以你实现兼容性不是靠hack，而是靠各种属性原本的实现再进行互补。对CSS从“how”到"why"，估计就OK了。总之这事做多了就可以了。（js那边通常用框架开发，框架本身已经隐藏了浏览器兼容）

• 答案 5：

  强悍的框架，还有耐心的调试 少用hack

• 答案 6：

  构思整体和局部的实现时候就要考虑很多东西了，比如兼容性，制作成本，维护成本等等，而这恰恰是大量实际经验中不断学习而来的能力。吃过的苦头，争取下次不要再吃，没碰到过问题，没棘手过是不会有提高的。多多实践吧。

• 答案 7：

  尽量使用标准的网页布局方式，也就是符合W3C的布局，再加上css的使用也符合W3C的使用，这样完成一个页面下来，其实很少有地方需要你针对特定的浏览器进行兼容性修正。做过比较多的页面，又复杂也有简单的，大多时候，一个页面下来，其实只有两三个地方需要进行大的兼容性调整。

• 答案 8：

  规范的，良好书写习惯的代码写出的东西基本不需要太多兼容性的问题，一些兼容性的问题基本上都是可以避免的

• 答案 9：

  全Flash，确保浏览器兼容。请权且把这个当作玩笑～真实的情况是，你可以通过一些成熟的手段去兼容90%的浏览器体验，尽管显示上略有差别，但至少不会走样。剩下的那10%就放弃吧，或者等待他们学会使用更好的浏览器。

• 答案 10：

  在保证产品可用性的情况下,作些渐进增强,不必去追求表现层的一致性

• 答案 11：

  我们都是采用预先监测浏览器的种类及版本，然后选择加载不同样式的不同的CSS文件，这样就能保证该网页在不同浏览器下的显示问题。

• 答案 12：

  上面的大家都说了，要渐进增强，所以要人为的制造差异，这样才能促进用户升级浏览器然后做的时候，先要CSS REST，然后在你遇到问题最多的浏览器上做首次开发（这样在首次开发时就能解决掉最多的问题，比如IE……），然后再针对不用的浏览器写HACK了（这时就要把渐进增强引入了……）