浏览器兼容性经验笔记

好多坑，竟是坑

遇到好多坑，一路走来，发现竟是坑。调IE7，泪流满面；调微信浏览器，汗流浃背，沐浴泪光。哎，记录一下，有些坑人的地方，还是比较有趣的，值得注意。

IE下的坑坑

1. IE7以下 不支持display:inline-block
2. IE10以下 如果自定义的标签属性写成：
   

   1

   <img datasrc="_imgUrl_" alt="_productName_">

IE会自动将属性的名称按照驼峰发修改成如下：

1

<img dataSrc="_imgUrl_" alt="_productName_">

所以，以后使用，保险的方法：

1

<img data-src="_imgUrl_" alt="_productName_">

dom操作

注意IE8 不支持element.insertBefore()操作
其他浏览器支持的。

###火狐浏览器Date初始化
注意火狐浏览器不支持下面方式初始化日期：

1

new Date("2015-10-30 23:59:59")

但是chrome支持，IE支持

webkit浏览器存在的问题

在webkit等核心的浏览器中，在控制台依次输入下面的算式，你会发现？？？

1
2
3

0.39 * 10
0.59 * 10
0.69 * 10

手机浏览器

1. 不支持 outerHTML 属性及其操作

谢谢！

转载请注明出处：//fed123.oss-ap-southeast-2.aliyuncs.com/2015/09/17/2015_explore/
部分内容转载于网络，若侵犯版权，请告知！谢谢。T_T 皓眸大前端开发学习 T_T

fed123版权所有，转载请保留出处：前端123学堂 » 浏览器兼容性经验笔记