继续吐槽IE

caoglish

跨浏览器开发应该使用的一些经验

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

一个策略：
另外，我一直说的一个策略：把浏览器分两类，一类是历史遗留浏览器，一类是现代浏览器，然后根据这个分类开发两个版本的网站，然后自己定义那些浏览器是历史遗留版本，凡是历史遗留版本浏览器，统统使用历史遗留版界面，然后通过Message system明确告知本版本有些功能不能使用，尽快转移到现代浏览器上。然后现代浏览器的网站版本，功能全开，提供最好的用户体验。

最后手段：
最后方案，就是直接使用jReject.js这类插件，弹出overlay，告诉用户这个网站IE不能用，请使用firefox和chrome.(这个是最后手段，以上方案都失效的情况下使用。)

一个提醒：
跨浏览器兼容问题，过去有，现在有，以后会更麻烦，所以这个问题在你的项目开始前，就必须确定下来最低支持的版本是什么，然后设计一个对应兼容方案。

不要等开发完毕了，才告知要必须兼容个ie6啥的，那你的项目就有得好改了。

面向未来：
明年es6就要正式完成了，等es6出来后，如何把es6的javascript向后兼容呢？这里我有个概念，还没实验过：

1.使用es6编译器把代码导出成es5代码
2.使用modernzr检查浏览器是否支持es6，支持用es6代码；不支持，用编译好的es5代码并且加载es6shim。
3.使用grunt把es6编译过程完全自动化

以上这个方案，应该可以使用es6代码去兼容所有的浏览器了。

周星星1832

caoglish 发表于 16-8-2014 18:16
跨浏览器开发应该使用的一些经验

一些关于跨浏览器/设备的工具

. modernizr.js
不错

caoglish

周星星1832 发表于 15-8-2014 12:17
jquey 1.x 支持ie6+
jquery 2.x 支持ie9+

jquery官方网站上有说明，如何两个一起写在html中，然后页面会根据browser的版本，自动加载相应的jquery

http://blog.jquery.com/2013/03/01/jquery-2-0-beta-2-released/

1. <!--[if lt IE 9]>
   
2.     <script src="jquery-1.9.1.js"></script>
   
3. <![endif]-->
   
4. <!--[if gte IE 9]><!-->
   
5.     <script src="jquery-2.0.0b2.js"></script>
   
6. <!--<![endif]-->

复制代码

但这个语法不能保证在未来的IE版本中继续工作...可以谨慎使用。

周星星1832

caoglish 发表于 16-8-2014 22:11
jquery官方网站上有说明，如何两个一起写在html中，然后页面会根据browser的版本，自动加载相应的jquery
...

ie 11已经不支持 这个了
我觉得没必要弄两个，。。

弄两个意味着要维护两个。。。

DDD888

我测试了下，竟然ie6能够运行我写的网站，就是速度慢许多，和老板商量了下，不支持ie6和ie7

周星星1832

DDD888 发表于 19-8-2014 09:33
我测试了下，竟然ie6能够运行我写的网站，就是速度慢许多，和老板商量了下，不支持ie6和ie7

good on u

DDD888

周星星1832 发表于 19-8-2014 09:37
good on u

Thanks

遇到用户使用ie6或者ie7,网站推荐用户使用google chrome