DCloud_App_Array
DCloud_App_Array
  • 发布:2014-07-22 12:50
  • 更新:2019-06-11 13:23
  • 阅读:19897

如何判断Runtime是否支持5+ API

分类:HTML5+

在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>
8 关注 分享
小小雨 seven啸 龙七 蔡繁荣 Trust 雪之梦技术驿站 米小韦 getYu

要回复文章请先登录注册

t***@qq.com

t***@qq.com

回复 阿峰 :
你这个人不要乱回答,误导他人,我试过了,楼主的可以正确判断。 你自己看看你回答的关键词。
2019-06-11 13:23
t***@qq.com

t***@qq.com

回复 阿峰 :
你确认一下你的回答?
2019-06-11 13:13
阿峰

阿峰

这个判断有问题的,iOS 中.在自带浏览器里面判断.也会有这个HTML plus
2017-04-17 19:24
迷途小压压

迷途小压压

这里面的判断运行环境是不是就是mui封装的mui.os.plus啊
2016-06-12 19:10