微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Modernizr.js

编程之家收集整理的这个编程导航主要介绍了Modernizr.js编程之家,现在分享给大家,也给大家做个参考。

Modernizr.js 介绍

Modernizr.js既能给老版本浏览器打补丁,又能保证新浏览器渐进增强的用户体验。

Modernizr.js作用:

从实际操作来看,Modernizr认做的事情很少,除了(在你选择的情况下)给不支持html5的标签的浏览器,如IE6,7,8追加一点由Remy Sharp开发的html5垫片脚本,使其识别<aside>、<section>等html5元素之外,它主要做的就是浏览器‘功能检测’。

因此,它知道浏览器是否支持各种html5和css3特性。

下面代码检测浏览器是否支持 Canvas:  

<script>

window.onload = function () {

if (canvasSupported()) {

alert('canvas supported');

}

};

function canvasSupported() {

var canvas = document.createElement('canvas');

return (canvas.getContext && canvas.getContext('2d'));

}

</script>

下面代码检测浏览器是否支持本地存储:  

<script>

window.onload = function () {

if (localStorageSupported()) {

alert('local storage supported');

}

};

function localStorageSupported() {

try {

return ('localStorage' in window && window['localStorage'] != null);

}

catch(e) {}

return false;

}

</script>

网站地址:https://modernizr.com

GitHub:https://github.com/Modernizr/Modernizr

网站描述:用于检测浏览器对HTML5和CSS3的支持

Modernizr.js

官方网站:https://modernizr.com

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。