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>
GitHub:https://github.com/Modernizr/Modernizr
网站描述:用于检测浏览器对HTML5和CSS3的支持度