移动端浏览器30坑，你踩过几个？

github

• 1、Oprea Mini 加载页面后不会重绘 :target CSS指令。
• 2、Blackberry OS6 的 SVG 字体支持糟透了
• 3、Blackberry OS5 不支持:before/:after的 background-image
• 4、设定-webkit-appearance会导致Android 4.0+ 影子DOM样式问题
• 5、iOS7 虚拟器： 无法清除Safari的cookies和数据
• 6、Android默认浏览器键盘Resize事件问题
• 7、后退时，iOS 禁用了iframe中的 Javascript
• 8、iOS 6-7 处理viewport相关的单位很诡异
• 9、spinner开启时，轻触与选中标签会导致键盘闪动
• 10、Android 4+ 上使用XHR2 发送Blob时发送的body为空
• 11、Android上canvas.toDataURL(‘image/jpeg’)返回image/png on Android
• 12、Galaxy Nexus上的Android Jelly Bean的浏览器中，checkbox.attr(‘checked’)不会触发重绘
• 13、HTML 5 time input导致Samsung Galaxy 2 ICS的Android浏览器崩溃
• 14、chrome下HTML5历史错误
• 15、老旧的BlackBerry将rem units视为em
• 16、iOS <= 6 的 Safari：当手动改变hash并移动到另一个hash后，URL栏会显示旧hash值
• 17、@media screen和max-width: 320px问题
• 18、iOS5 日期选择器选定新日期时间后不会触发change事件
• 19、iOS5 文本框内的占位文本会切除过长的部分
• 20、使用JS滚动页面后，iOS 5 固定位置元素重定位错误
• 21、固定位置元素在BlackBerry 7虚拟器中会使浏览器崩溃
• 22、Android浏览器无法降级使用font-family
• 23、Chrome Beta (Mobile) 不支持keypress事件
• 24、Android 4.0.(1|2) 全宽固定位置元素的回流问题
• 25、iOS 5的window.close问题
• 26、选中菜单的Opera透明度问题
• 27、iOS中，使用向前或向后按钮离开时，表单的input和label元素会被加上悬停状态
• 28、-webkit-overflow-scrolling:touch 不“遵守” z坐标
• 29、iOS: input标签不会聚焦到相应的字段
• 30、Android -webkit-tap-highlight-color在叠加区域的高亮问题