HTML5功能网站建设发展

4.3检测HTML5功能

了解移动设备是驱动HTML5发展的重要因素之后，可能会认为“应当开始检测Android、iOS及Opera Mobile浏览器了”。但如前面所提到的，检测浏览器或设备尽管听起来不错，但只会让人受到打击。其中的问题在于许多浏览器都具有自我隐藏功能。例如：

>一些浏览器通过发送伪造的用户代理（UserAgent)字符串伪装成其他浏览器。
>隐私保护软件会隐藏用户代理字符串。
>即使用户代理相同，浏览器的特性也可能会有区别。
因此，检测HTML5特性才是正确的做法•检测特性而不是检测浏览器就无须更新检测脚本了。

HTML5功能网站建设发展下面来冷静思考一下。假设计划在Web应用程序屮使用地理定位功能（见第24章）——可以先列出一个包括所有知道的支持地理定位功能的浏览器列表，然后编写或购买一个脚本来面向这些浏览器实现地理定位功能。并且每当浏览器推出新版本，都需要更新脚本。但若直接检测浏览器是否支持地理定位功能，那么应用程序可以在任何支持地理定位功能的新浏览器中运行。

以下是4种检测HTML5功能的基本方法。
>在全局对象上检测M性：
>在创建的元素I:检测属性：
>检测一个方法（Method)能否得到正确的返回值;
>检测能否保留元素值。

4.3.1利用全局元素检测属性
所有HTML5文杓都显示在一个全局元素中。通常将它称为navigator或window。可以直接在这些全局属性上创建一些HTML5属性。在这种情况下.浏览器可以直接使用它们。

例如，检测离线Web应用程序的代码如下。
if (window.applicationCache) {

document.write("Yes, your browser can use offline web
•applications.”；

} else {

document.write("No, your browser cannot use offline web
^applications.");

}

If your browser sees the applicationCache item, then it can use offline web applications.

如果浏览器支持applicationCache属性（在示例代码中会显示相应的提示文字），就说明可以正常使用离线Web应用程序功能。