插件描述：轻量级浏览器检测插件Feature.js,1kb大小的轻量级浏览器检测插件
首先你需要在页面中引入feature.js文件，你不需要对其进行初始化，只需引入文件即可。
<script src="js/feature.js"></script>
接着你就可以使用特性检测来检测浏览器是否支持某些特性，例如：
if (feature.webGL) {
console.log("你的浏览器支持WebGL");
} else {
console.log("你的浏览器不支持WebGL");
}如果你希望像Modernizr那样当浏览器支持某些特性时，在<html>元素上添加相应的class，可以像下面这样操作：
if (feature.webGL) {
document.documentElement.className += " webgl";
}如果你使用jquery，那操作就更简单了：
if (feature.webGL) { $("html").addClass("webgl");
}你也可以同时进行多选特性的检测：
if (feature.canvas && feature.webGL) {
console.log("你的浏览器支持Canvas和WebGL")
}如果你的JavaScript代码只有在浏览器支持某些特性时才有意义，那么你可以在一个函数中检测这些特性，如果浏览器不支持这些特性，直接返回，否则才执行相应的JS代码。
(function() { if (!feature.webGL || !feature.svg) {
console.log("Stopping… WebGL or SVG isn’t supported");return;
}
console.log("Browser supports both WebGL & SVG");
})();
PREVIOUS:
NEXT:
相关插件-独立的部件
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
