HTML5功能网站建设
4.3检测HTML5功能
了解移动设备是HTML5开发的重要驱动力,您可能认为Android、iOS和Opera Mobile浏览器应该被测试。但是正如前面提到的,检测浏览器或设备,虽然听起来不错,但是只会伤害人。问题是许多浏览器都有self-h。例如:
无锡网站制作有些浏览器通过发送伪造的用户代理字符串将自己伪装成其他浏览器。
隐私保护软件隐藏用户代理字符串。
即使用户代理相同,浏览器的功能也可能不同。
因此,测试HTML5特性是检测特性的正确方法,而不是在不更新检测脚本的情况下检测浏览器。
假设您计划在Web应用程序中使用地理定位(参见第24章)——您可以首先列出所有支持地理定位的浏览器,然后编写或购买实现地理定位的脚本对于这些浏览器。而且每次浏览器启动新版本时,都需要更新脚本。但是如果浏览器直接检测到它是否支持地理定位,则应用程序可以在任何支持地理定位的新浏览器中运行。
这里有四种测试HTML5功能的基本方法。
全球物体上的M-性检测:
>创建中的元素I:检测属性:
检测方法是否能得到正确的返回值;
确定元素值是否可以保留。
4.3.1使用全局元素检测属性
所有HTML5 dippers都显示在一个全局元素中。通常称为导航器或窗口。一些HTML5属性可以直接在这些全局属性上创建。在这种情况下,浏览器可以直接使用它们。
例如,检测脱机Web应用程序的代码如下。
如果(窗口)。应用程序缓存({应用程序)
文件。写(是的,你的浏览器可以使用离线Web
应用。;
}否则{
文件。写(否,您的浏览器不能使用脱机Web
应用程序。;
如果浏览器看到应用程序缓存项,则它可以使用脱机Web应用程序。新会网站建设
如果浏览器支持applicationCache属性(相应的提示文本显示在示例代码中),则脱机Web应用程序功能可以正常使用。