检测浏览器对HTML5和CSS3支持度的方法_html5教程技巧
程序员文章站
2022-04-03 08:11:44
...
HTML5, CSS3 以及其他相关技术例如 Canvas、WebSocket 等等将 Web 应用开发带到了一个新的高度。该技术通过组合 HTML、CSS 和 JavaScript 可以开发出桌面应用具有的效果。尽管 HTML5 承诺很多,但现实中对 HTML5 支持的浏览器以及 HTML5 标准本身的完善程度都还没有到一个很成熟的程度。现在完全不担心浏览器支持是不现实的,还需要时间,因此当我们决定要采用 HTML5 技术开发 Web 应用的时候,我们需要对浏览器所支持的特性进行检测。
而 Modernizr 就可以帮助你完成对浏览器所支持 HTML5 特性的检查。
下面代码检测浏览器是否支持 Canvas:
复制代码
代码如下:下面代码检测浏览器是否支持本地存储:
复制代码
代码如下:上面的两个例子中我们可以很直观的对浏览器的特性进行检查以确保我们在对应的浏览器上应用的功能能否正常运作。
而使用 Modernizr 的好处还在于你不需要这样一项项去检查,还有更简单的方法,下面我们开始:
当我第一次听到 Moderizr 这个项目时,我以为这是一个让一些老的浏览器能支持 HTML5 的 JS 库,事实上不是,它主要是检测的功能。
Modernizr 可以通过网址 http://modernizr.com 来访问,该网站同时还提供一个定制脚本的功能,你可以确定你需要检测什么特性,并依此来生成相应的 JS 文件,这样可以减少不必要的 JS 代码。
一旦下载了 Modernizr 的 JS 文件后,就可以通过
上一篇: php网站原理是什么
下一篇: SVG基础|SVG坐标系统和图形转换
推荐阅读
-
检测浏览器对HTML5和CSS3支持度的方法
-
使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧
-
使用js检测浏览器是否支持html5中的video标签的方法_javascript技巧
-
HTML5 CSS3新的WEB标准和浏览器支持_html5教程技巧
-
检测浏览器是否支持html5视频的代码_html5教程技巧
-
检测浏览器是否支持html5视频的代码_html5教程技巧
-
检测浏览器对HTML5和CSS3支持度的方法_html5教程技巧
-
检测浏览器对HTML5和CSS3支持度的方法_html5教程技巧
-
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)_html5教程技巧
-
HTML5 Canvas之测试浏览器是否支持Canvas的方法_html5教程技巧