叁柒設計 三七设计 Three seven design 我的学习与分享
详细信息
来自:关键字:

HTML5特性的检测:检测技术

  June 26th,2010 15:04:52   Category : HTML5
 Click (1511)

或许会问:“如果早期的浏览器不支持HTML5我该如何开始使用它呢?”。但是这个问题本身就会让人产生误解。HTML5只是一些特性的集合,因 此你不能说检测浏览器“是否支持HTML5”,但是你可以检测浏览器是否支持诸如“canvas“,“video”,“geolocation”等等这些 特性。


检测技术

当你的浏览器渲染一个web页面的时候,它会构造一个对象的集合DOM(Document Object Model)来表示页面上的HTML元素。每一个元素:,,等都会被表示成DOM中不同的对象。(也有像window和document这些不和具体的元 素绑定在一起的全局对象(global object)).

所有的DOM 对象共享一个公共属性的集合,但是有些对象会拥有更多的属性。在支持HTML5特性的浏览器中,部分特定的对象会有独一无二的属性。通过对DOM的快速了 解能够告诉你你哪些HTML5的特性是被支持的。

检测了浏览器是否在支持一个特定的HTML5特性有四种基本的技术,由简入繁依次是:

1. 检测全局对象(诸如 window或者nagivator)是否支持题特定的属性
例子:测试是否 支持HTML5的地理位置定位属性
2. 创建一个元素,然后检测该元素是否存在特定的一些属性
例子: 检测是否支持 HTML5的Canvas特性
3. 创建一个元素,然后检测这个元素上是否存在特定的方法,同时调用这个方法了检查它的返回值
例子: 检 测浏览器支持哪些视频格式
4. 创建一个元素,给这个元素设定 HTML5特有的属性,然后检查浏览器是否保留了该属性值
例子: 检测浏 览器支持哪些类型

 

原文:http://diveintohtml5.org/detect.html
翻译:澄净

[ 资讯评论 ]
  • Fidelia
    2011-12-17 10:24:40
  • Wow, your post makes mine look feelbe. More power to you!
[ 提交评论 ]
请选择表情
  • 昵称:
  • *
  • 验证码:
  • *点击更换验证码
  • 尚能输入个字符
申明:本网站部分分享内容来自网络,如有侵权请及时与我联系,谢谢,另网友评论仅代表个人观点,与本站立场无关,如果在评论中发表违反我国任何法律的,请即时与我们联系(QQ:77132915),我们将立即予以删除. [ 注:提交评论后,通过审核后方能在网站上显示!]