web前端处理兼容的方法总结

最新推荐文章于 2023-05-09 10:22:23 发布

weixin_33736832

最新推荐文章于 2023-05-09 10:22:23 发布

阅读量104

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/shouming/articles/6592878.html

版权

由于浏览器厂商的不同以及浏览器各个版本之间的差异，我们在编写页面时需要考虑如何处理兼容性，下面就列出几种常见的方法：

cssHack：通过书写特定浏览器支持的语法来处理兼容性，具体的语法规则可参考BROWSERHACKS官网查询。
PolyfillJS和html5shivJS：两个文件都是通过旧环境中的特性来支持新特性。html5shiv是采用document.createElement（）的方法来创建html5的新标签，从而使旧环境能支持。具体使用方法：

<script src="polyfill.js"></script>


<!--[if lt IE 9]>
    <script src="html5shiv.js"></script>
<![endif]-->


<!--[if lt IE 9]>
    <script src="respond.js"></script>
<![endif]-->

modernizrJS:它会检测各浏览器版本对新标签，新属性的支持情况，从而添加不同的类去处理，不支持添加以no-开头的类名。下载地址：[Modernizr官网]（https://modernizr.com/) 具体使用方法：

<script src="modernizr.js"></script>

转载于:https://www.cnblogs.com/shouming/articles/6592878.html

关注