轻量级浏览器检测插件Feature.js

所属分类:其他-独立的部件

 34263  326  查看评论 (0)
分享到微信朋友圈
X
轻量级浏览器检测插件Feature.js ie兼容8

首先你需要在页面中引入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");
})();
相关插件-独立的部件

可停靠屏幕边缘的侧边栏插件

我自己封装的可停靠屏幕边缘的侧边栏插件,可以制作页面的通知信息,客服信息,联系方式等
  独立的部件
 38740  454

jQuery自动定位当地天气预报

jQuery调用新浪天气,显示城市天气气温风向风级图标白天夜间
  独立的部件
 63849  438

操作浏览器标题栏插件Title.js

Title.js是一个javascript库用来操作浏览器标题栏,没有依赖性。 这里有用法示例:添加前缀,加后缀,改变预定义的标题,招牌效果、打字机效果。
  独立的部件
 44337  359

jQuery社会华分享插件

jQuery社会华分享插件支持微信,QQ,新浪,人人等
  独立的部件
 43295  494

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复