Modernizr.js

编程之家收集整理的这个编程导航主要介绍了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

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

photopea,在线Photoshop图片编辑工具
pinyin,转换中文字符为拼音的工具
lets-chat,基于slack的企业内部web聊天工具
SpeedCurve,追踪网页的性能表现
FirefoxSend,简单、私密的文件分享服务
gtmetrix,网站访问速度测试工具