在Web开发过程中，我们经常需要兼容各种平台，实现同一HTML页面能在各种Web运行环境中正常运行。
根据5+ API规范定义，要求在UserAgent中必须添加支持5+ API描述信息，其格式如下：
Html5Plus/1.0
斜线前部分为固定字符“Html5Plus”，斜线后面为5+ API的版本号，目前版本为“1.0”。
为了与其它UserAgent信息进行区分，其前面添加空格进行分隔。
因此，我们可以通过以下方法判断当前运行环境是否支持5+ API：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Hello World</title>
<script type="text/javascript" charset="utf-8">
// 判断runtime是否支持5+ API
if(navigator.userAgent.indexOf("Html5Plus")<0){//不支持5+ API
checked("不支持5+ API");
}else{//支持5+ API
checked("支持5+ API");
}
// 输出检测结果
function checked(ret){
if(document.body){
document.getElementById("checked").innerText=ret;
}else{
document.addEventListener("DOMContentLoaded",function(){
document.getElementById("checked").innerText=ret;
},false);
}
}
</script>
</head>
<body>
<h1>Runtime supports 5+ Plus?</h1>
<p id="checked">checking...</p>
</body>
</html>
4 个评论
要回复文章请先登录或注册
t***@qq.com
t***@qq.com
阿峰
迷途小压压