首先:在HTML页面我们的写上两对大的div
<div id="pc">
非指定平台显示的代码片段
</div>
<div id="min">
指定的平台现实的代码片段
</div>
我们如果想要在指定的平台显示自己想要的代码片段,我们需要添加如下js代码(这里以今日头条这个平台为例)
<script type="text/javascript">
// 返回载入当前文档的文档的 URL
var str=document.referrer;
// 用于 HTTP 请求的用户代理头的值
var agent=navigator.userAgent;
// 如果URL中出现了nativeapp.toutiao.com或者请求头中出现JsSdk就显示指定的代码片段否侧显示pc段
if(str.indexOf('nativeapp.toutiao.com ')>=0||agent.indexOf('JsSdk')>=0){$("#min").show();}else{$("#pc").show();}
</script>
代码讲解:
HTML DOM Document 对象
referrer 属性可返回载入当前文档的文档的 URL。
HTML DOM Navigator 对象
userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
一般来讲,它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。
例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。
注:用户代理头:user-agent header。
JavaScript String 对象
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。