老板：这个网站必须得同时兼容高端浏览器 网站开发人员：我不干了

发现Web前端开发工程师最烦的就是解决浏览器兼容性的问题。不过，别担心，既然小编已经说出来了，就是给大家带来这一部分的相关知识分享给大家，解决大家的烦恼，一下几点是根据朋友以及同事和看了某些程序员大佬的博客之后总结出来的几点，希望能够帮到大家。

解决兼容的心理世界

当然，在分享这边文章之前，在这里推荐一下我自己的前端群：621071874，不管你是小白还是大牛，小编我都挺欢迎，不定期分享干货以及各种经典案例，包括我自己整理的一份2017最新的前端资料和零基础入门教程，同时，还会定期和大家共同讨论目前企业需求以及各类面试问题，欢迎初学和进阶中的小伙伴。

我也编程，可兼容使我痛苦

这个问题对于Web开发者来说真是头疼的问题，我从事Web开发也有两年时间，期间遇到过许许多多类似的问题，每次都被搞得很累，后来画了大半年时间专门研究Web前端技巧，最后我总结了一些方案出来：

1.在开发Web APP的时候，开发机上面最好把主流浏览器都装上，比如说：Chrome、FF、safari、IE、IE Tester... 在大多数情况下，FF和Chrome差别不是很大。

2.开发过程中要注意，每做好一个样式，都要跑一遍所有要兼容的浏览器，这样虽然开发过程时间会比较长，可是会比你开发完成后再来改效率高得多，我曾经就碰到过一个产品，开发完成后由于兼容性问题导致其发展面很窄，最后不得不重新开发。

3.如果真的碰到样式不兼容的情况，那么只能针对不同的浏览器做相应的调整。

4.一些新的特效可能在一些版本落后的浏览器里不兼容，这个时候我们的原则就是：不求效果绚丽，只求工整规范 o(∩_∩)o

5.多积累，多看看符合W3C标准规范的CSS手册和JS手册，注意积累，或者用一些开源框架，那样兼容性可以省下不少时间。

求心里阴影面积

我们认为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的产品吧）

因此不要再考虑向后兼容，应该考虑向后退化，更多考虑向前兼容。