网页前端的浏览器兼容

本文只是个人观点，总结了一些网上方案，以及接合部分自己的经验。

浏览器的兼容性，细分一下，可以分为HTML,JS, CSS的兼容性。对于HTML的兼容性，比较好处理，高级的功能只能高级的浏览器支持，低级浏览器不用考虑。对于JS的兼容性，主要分IE系列和W3C系列，虽然有些差异，但是处理也不困难，而且有一些比较使用的框架。最麻烦的就是CSS的兼容性，处理的一些思路如下：

我觉得要尽量的保证我们的页面在各个浏览器的获得比较好的兼容。首先在开发前要先想好，我们的系统支持的浏览器的版本有哪些？换言之，我们要想好支持的最低版本是哪些？以免等开发好了以后，才意识到还有某个版本的不支持，那样要修改的话，可能是巨大的工程。

我们要对主流的浏览器进行分级对待，对不同的现代性级别实现不同的页面。高级版本的浏览器能使用全部的功能，低级的不支持高级功能的浏览器使用另一套支持部分功能的页面。同时提醒用户，如果要体验高级的功能，需要切换到高级浏览器。

此外我们的页面还应该使用一些辅助的工具来处理兼容性，同时，我们的代码要尽量符合W3C的标准。我的经验是，写完一个效果后先在chrome和FF里看效果，然后在IE的各个版本中从后往前逐个看效果，这样的好处在于我们的代码尽量向W3C标准靠拢，就能兼容当前大量的主流浏览器，当发现某个IE版本的效果有问题时，修改也有针对性，且修改量小。另一个好处在于能向后兼容。