Question

怎样可以很好地保证网页的浏览器兼容性？

最近发现越来越多的网站在ie和火狐以及chrome下面的显示各有差异，很多网页在不同浏览器下的显示及功能就不一样，怎样可以很好地保证网页的浏览器兼容性？

Answer 1

跨浏览器开发使用的一些经验
1)一些关于跨浏览器/设备的工具
1. modernizr.js 特性检测器，有就使用原生，没有就加载polyfill
2. polyfill/shim 向后兼容的浏览器的js补丁，一般和modernizr一起用，jshint.js js语法检测器
3. Boilerplate 开发的最佳实践的初始模板，使用js单元测试，测试目标浏览器
4 阅读第三方库关于最低版本支持、Responsive Design （针对屏幕大小）、normalize.css 统一浏览器基本元素的风格

2) 策略：
策略：把浏览器分两类，一类是历史遗留浏览器，一类是现代浏览器，然后根据这个分类开发两个版本的网站，然后自己定义那些浏览器是历史遗留版本，凡是历史遗留版本浏览器，统统使用历史遗留版界面，然后通过通告栏（信息通知系统）明确告知本版本有些功能不能使用，尽快转移到现代浏览器上。然后现代浏览器的网站版本，功能全开，提供最好的用户体验。就是直接使用jReject.js这类插件，弹出有全黑蒙板的对话框，告诉用户这个网站什么版本的IE/浏览器不能用，请使用至少什么版本的IE，firefox和chrome.(这个是最后手段，以上方案都失效的情况下使用。)
跨浏览器兼容问题，过去有，现在有，以后会更麻烦，所以这个问题在你的项目开始前，就必须确定下来最低支持的版本是什么，然后设计一个对应兼容方案。
1.使用es6编译器把代码导出成es5代码
2.使用modernzr检查浏览器是否支持es6，支持用es6代码；不支持，用编译好的es5代码并且加载es6shim。
3.使用grunt把es6编译过程完全自动化
以上这个方案，应该可以使用es6代码去兼容所有的浏览器了。

Answer 2

这个就要看前端的优化能力和功力了