浏览器兼容性经验笔记


好多坑,竟是坑

遇到好多坑,一路走来,发现竟是坑。调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 属性及其操作

谢谢!

转载请注明出处:http://www.fed123.com/2015/09/17/2015_explore/
部分内容转载于网络,若侵犯版权,请告知!谢谢。T_T 皓眸大前端开发学习 T_T

未经允许不得转载:皓眸大前端 » 浏览器兼容性经验笔记

赞 (1)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址