当前位置: 首页 > 编程笔记 >

使用Modernizr检测HTML5功能

袁华清
2023-03-14
本文向大家介绍使用Modernizr检测HTML5功能,包括了使用Modernizr检测HTML5功能的使用技巧和注意事项,需要的朋友参考一下

Modernizr是一个小型JavaScript库,用于检测下一代Web技术的本机实现的可用性。

这是Modernizr可以检测到的功能列表-

特征
CSS属性
JavaScript检查
@ font-face
.fontface
Modernizr.fontface
帆布
。帆布
现代画布
画布文字
.canvastext
Modernizr.canvastext
HTML5音频
.audio
现代音频
HTML5音频格式
不适用
Modernizr.audio [格式]
HTML5视频
。视频
影片
HTML5视频格式
不适用
Modernizr.video [格式]
rgba()
.rgba
现代人
hsla()
.hsla
现代化
边框图像
.borderimage
现代边界图像
边框半径框阴影
.borderradius
现代边界半径
盒子阴影
.boxshadow
框框阴影
多种背景
.multiplebgs
多重现代
不透明度
.opacity
现代性
CSS动画
.cssanimations
现代化
CSS列
.csscolumns
现代化
CSS渐变
.cssgradients
Modernizr.css梯度
CSS的思考
.cssreflections
Modernizr.cssreflections
CSS 2D转换
.css转换
Modernizr.css转换
CSS 3D变形
.csstransforms3d
Modernizr.csstransforms3d
CSS过渡
.csstransitions
Modernizr.css转换
地理位置API
.geolocation
现代地理定位
输入类型
不适用
Modernizr.inputtypes [type]
输入属性
不适用
Modernizr.input [属性]
本地存储
.localstorage
现代本地存储
essionStorage
.sessionstorage
会话存储
网络工作者
.webworkers
Modernizr.webworkers
applicationCache
.applicationcache
Modernizr.applicationcache
SVG
.svg
Modernizr.svg
SVG剪切路径
.svgclippaths
Modernizr.svgclippaths
SMIL
.smil
现代语言
Web SQL数据库
.websql数据库
Modernizr.websql数据库
索引数据库
.indexeddb
Modernizr.indexeddb
网络插座
.websockets
Modernizr.websockets
Hashchange事件
.hashchange
现代变数
历史管理
.historymanagement
现代史管理
拖放
.draganddrop
现代化拖放
跨窗口消息传递
.crosswindowmessaging
Modernizr.crosswindowmessaging
addTest()插件API
不适用
Modernizr.addTest(str,fn)
 类似资料:
  • 本文向大家介绍Modernizr检测到的功能,包括了Modernizr检测到的功能的使用技巧和注意事项,需要的朋友参考一下 以下是Modernizr可以检测到的功能列表- 特征 CSS属性 JavaScript检查 @ font-face .fontface Modernizr.fontface 帆布 。帆布 现代画布 画布文字 .canvastext Modernizr.canvastext H

  • 本文向大家介绍HTML5 Modernizr用法,包括了HTML5 Modernizr用法的使用技巧和注意事项,需要的朋友参考一下 Modernizr是一个小型JavaScript库,用于检测下一代Web技术的本机实现的可用性。 Modernizr提供了一种检测任何新功能的简便方法,因此您可以采取相应的措施。例如,如果浏览器不支持视频功能,那么您想显示一个简单的页面。 在开始使用Modernizr

  • 问题内容: 这可能是一个愚蠢的问题,但是我想使用Modernizr JS库检测一些浏览器属性,以确定要显示或不显示什么内容。 我有一个名为Pano2VR的应用程序,它可以同时输出HTML5和SWF。我需要用于iOS设备用户的HTML5。 但是,IE根本不呈现此“ HTML5”输出。看来他们的输出使用CSS3 3D变换和WebGL,IE9中显然不支持一种或多种。 因此,对于那些用户,我需要显示Fla

  • 问题内容: 如何检测使用Javascript(并且不使用modernizr)的浏览器支持CSS转换? 问题答案: 也许是这样的。基本上,它只是在查看是否已定义CSS 属性: 改编自此要点。所有的功劳都去了。

  • Modernizr是一个小型JavaScript Library ,可检测下一代Web技术的本机实现的可用性 通过HTML5和CSS3引入了几个新功能,但同时许多浏览器不支持这些新闻功能。 Modernizr提供了一种检测任何新功能的简便方法,以便您可以采取相应的操作。 例如,如果浏览器不支持视频功能,那么您希望显示一个简单的页面。 您可以根据功能可用性创建CSS规则,如果浏览器不支持新功能,这些

  • Modernizr 是一个利用 JS 和 CSS 来检测浏览器所支持功能的小工具。