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
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。