实现浏览器兼容"> 实现浏览器兼容" />
美文网首页
实现浏览器兼容

实现浏览器兼容

作者: yuanKevin | 来源:发表于2017-12-10 01:15 被阅读0次

            今天无意中发现别人的网站html里面加入了一个类名 no-js,如下

    <html class="no-js">

    <script src="modernizr-2.6.2.min.js">

             很好奇是什么东西,就去百度了下,在一篇转载的文章里发现,原来这个 no-js 是配合 Modernizr 一起使用的类名(class)

             顺手百度了下Modernizr ,官网原话是:Modernizr 是一个 JavaScript 库,用于检测用户浏览器的 HTML5 与 CSS3 特性。

             为什么使用 Modernizr:使用炫酷新颖的 web 技术是一件很有趣的事情,但你不得不面对落后的浏览器。Modernizr 使你可以方便地为各种情况编写 JavaScript 和 CSS,无论浏览器是否支持这些特性。这是处理渐进增强的完美方案。

            工作原理:Modernizr 会在页面加载后立即检测特性;然后创建一个包含检测结果的 JavaScript 对象,同时在HTML元素加入方便你调整 CSS 的 class 名。

            也就是说Modernizr是一个js 库,检查你的流览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名(class)到 并 替换掉原来的 .no-js(简单来说,Modernizr 就是一个CSS3/HTML5 的测试器,你需要测试什么,这可以到它的官方网站配置,选择自己需要测试的元素)。还有让你的流览器支持 HTML5 中的新的标签,例如:

    <nav>,<header>,<footer>....

    Modernizr 官方网站:http://modernizr.com/

    相关文章

      网友评论

          本文标题: 实现浏览器兼容

          本文链接:https://www.haomeiwen.com/subject/tolmixtx.html