HTML5中Modernizr类库的作用和使用
2024-09-07 23:00:30
Modernizr 是一个用来检测浏览器功能支持情况的JavaScript 库。
通过这个库我们可以检测不同的浏览器对于HTML5特性的支持情况。 使用Modernizr类库和使用其他第三方类库的方法是一样的它分为一下几个步骤“
1、在官网上下载Modernizr类库。modernizr官网:https://modernizr.com/
2、通过JavaSctipt标签引入Modernizr类库
3、通过具体的代码实现对HTML特性的检测。
这里我们写了一个非常简单的例子来检测浏览器是否支持HTML5中的Canvas API,示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>通过Modernizr检测HTML5特性</title>
</head>
<body>
<article>
<h1>通过Modernizr检测HTML5特性</h1>
</article>
<div id="result-stub">
<span id="msg" style="color:red;"></span>
</div> <script >
window.onload = function() {
//通过Modernizr.对浏览器canvas功能进行检测
if (Modernizr.canvas) {
$('#msg').text('本浏览器支持Canvas API');
}else{
$('#msg').text('本浏览器不支持Canvas API');
}
}
</script>
//引入modernizr库和jquery库
<script src="../js/jquery.js"></script>
<script src="../js/modernizr.js"></script>
</body>
</html>
这些内容关乎到HTML5中第三方类库的使用
最新文章
- css3制作旋转动画
- NSCache和NSURLCache、网络缓存优化
- ASP.NET MVC下的四种验证编程方式[续篇]
- (转)A Survival Guide to a PhD
- x-requested-with 请求头 区分ajax请求还是普通请求(转)
- Android onLowMemory()和onTrimMemory()
- Navi.Soft30.产品.代码生成器.操作手册
- android MSM8974 上DeviceTree简介
- 数据结构 -- 图的最短路径 Java版
- ExtJS 4.2学习(一)——环境搭建
- PHP MVC自己主动RBAC自己主动生成的访问路由
- ios 修改程序显示名称
- redis jedis使用
- 【redux】详解react/redux的服务端渲染:页面性能与SEO
- LwIP协议栈规范翻译——摘要目录
- IDEA 工具从Json自动生成JavaBean
- media属性
- 第一章 进入java的世界
- 【cocos2dx开发技巧8】自定义控件-使自定义控件具有RGBA特性
- linux下进行base64编码解码
热门文章
- WebSocket和SocketIO总结
- 简单的积雪shader
- SQLServer2008 统计表占用空间
- VS2015 C#6.0 中的那些新特性(转自http://www.cnblogs.com/henryzhu/p/new-feature-in-csharp-6.html)
- 5.设计模式----prototype原型模式
- jsp中嵌入的java代码执行对html的影响方式
- iOS系统层次架构
- [转载]Java web应用中的常见字符编码问题的解决方法
- 如何在JSTL中获取数组或者list对象的索引值(index)
- 混沌相关blog+节选