浏览器兼容问题
2017-08-26 10:32
197 查看
1 如何发现问题 详见
1.1 QuirksMode
QuirksMode:兼容行列表比较老
可以看到所有的CSS、DOM、HTML等标签在各个浏览器的兼容性
1.2 CanIUse
can I use:这个名字也是十分直白,就是查查看这个标签能不能在这个额浏览器里用查询JS特性,CSS属性,HTML等一些标签到底能在什么浏览器中兼容
可以查看在哪个国家
可以对比某一标签在不同浏览器里对比的一些兼容性问题
2 如何解决问题 详见
2.1 BrowserHacks
BrowserHacks:如何查询不同浏览器顾名思义,叫浏览器黑客,现在黑客又叫黑科技。
平时遇到一些浏览器兼容问题,这时候我们就会用到CSS HACK,但是HACK并不容易记住,所以每次遇到HACK的时候都是搜索一下,但搜索出来的结果不是很理想,所以今天为大家介绍个不错的网站,里面集合所有浏览器CSS和JavaScript的HACK写法,“所有”是指主流浏览器,当然包括万恶的IE6!!!!
支持安卓设备,Chrome,Firefox, IE
最重要的就是IE了,因为IE的一些特殊样式比较多
2.2 ES5Shim
那么关于浏览器的shim其实它是一种技术,就是说对于一些不支持某一些特性的浏览器,我通过一些打补丁的方式,把它补充到能完全兼容es52.3 ES6Shim
es6的shim支持很多非常新的特性,那么当然它的shim的脚本就比较大了,es6的shim引用的方式跟es5其实是比较相似的3如何把事情做绝 详见
3.1 Modernizr
Modernizr 会在页面加载后立即检测特性;然后创建一个包含检测结果的 JavaScript 对象,同时在 html 元素加入方便你调整 CSS 的 class 名。基于Modernizr做渐进增强
全局安装
获取配置,需要自定义构建
生成构建,用命令行
引入脚本
直接使用
3.2 Feature.js
featurejs 是一个很简单、快速和轻量级的浏览器特性检测库,它没有任何依赖,体积压缩最后只有1KB,它可以自动初始化,在你需要知道某个特性是否可用时,直接引入即可。相关文章推荐
- CSS浏览器兼容问题
- 常见的浏览器兼容以及css问题
- 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- 浏览器的兼容问题 判断IE方法
- CSS3不同浏览器兼容问题,-moz,-webkit,-ms,-o所代表的不同意思
- 关于火狐等浏览器不兼容Easy UI的combobox中文取值问题的折中解决方式
- [转]使用Filters滤镜弥补CSS3的跨浏览器问题以及兼容低版本IE
- js bom中浏览器兼容问题判断代码
- 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- 关于CSS+DIV,浏览器兼容问题的一些心得
- js中不常见的浏览器兼容问题
- CSS浏览器兼容问题集(二)
- 最全的CSS浏览器兼容问题
- [分类声明]浏览器兼容问题解决方案总结(此分类永久更新)
- 兼容所有浏览器的复制到剪切板功能,悬浮层不能复制问题解决
- web前端开发中浏览器兼容问题(六)
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--02
- 浏览器判断兼容问题
- 解决html5新标签【placeholder】低版本浏览器下不兼容问题
- js修改input的type属性及浏览器兼容问题探讨与解决