admin 发表于 2023-3-2 19:25:48

判断客户端是手机端自动跳转JS脚本

<div class="codecolorer-container javascript vibrant" style="overflow:auto;white-space:nowrap;width:700px;height:400px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>31<br>32<br>33<br>34<br>35<br>36<br>37<br>38<br>39<br>40<br>41<br>42<br>43<br>44<br>45<br></div></td><td><div class="javascript codecolorer"><span class="sy0">&lt;</span>script type<span class="sy0">=</span><span class="st0">&quot;text/javascript&quot;</span><span class="sy0">&gt;</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">var</span> browser <span class="sy0">=</span> <span class="br0">{</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; versions<span class="sy0">:</span> <span class="kw1">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">{</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">var</span> u <span class="sy0">=</span> navigator.<span class="me1">userAgent</span><span class="sy0">,</span> app <span class="sy0">=</span> navigator.<span class="me1">appVersion</span><span class="sy0">;</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="br0">{</span> &nbsp; &nbsp; <span class="co1">//移动终端浏览器版本信息</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; trident<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Trident'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//IE内核</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; presto<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Presto'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//opera内核</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; webKit<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'AppleWebKit'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//苹果、谷歌内核</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gecko<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Gecko'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span> <span class="sy0">&amp;&amp;</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'KHTML'</span><span class="br0">&#41;</span> <span class="sy0">==</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//火狐内核</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mobile<span class="sy0">:</span> <span class="sy0">!!</span>u.<span class="me1">match</span><span class="br0">&#40;</span><span class="co2">/AppleWebKit.*Mobile.*/</span><span class="br0">&#41;</span><span class="sy0">,</span> <span class="co1">//是否为移动终端</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ios<span class="sy0">:</span> <span class="sy0">!!</span>u.<span class="me1">match</span><span class="br0">&#40;</span><span class="co2">/\(i[^;]+;( U;)? CPU.+Mac OS X/</span><span class="br0">&#41;</span><span class="sy0">,</span> <span class="co1">//ios终端</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; android<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Android'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span> <span class="sy0">||</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Linux'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//android终端或uc浏览器</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iPhone<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'iPhone'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//是否为iPhone或者QQHD浏览器</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; iPad<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'iPad'</span><span class="br0">&#41;</span> <span class="sy0">&gt;</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span> <span class="co1">//是否iPad</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; webApp<span class="sy0">:</span> u.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Safari'</span><span class="br0">&#41;</span> <span class="sy0">==</span> <span class="sy0">-</span><span class="nu0">1</span> <span class="co1">//是否web应该程序,没有头部与底部</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">}</span><span class="sy0">;</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">}</span> <span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">,</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; language<span class="sy0">:</span> <span class="br0">&#40;</span>navigator.<span class="me1">browserLanguage</span> <span class="sy0">||</span> navigator.<span class="me1">language</span><span class="br0">&#41;</span>.<span class="me1">toLowerCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">}</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>browser.<span class="me1">versions</span>.<span class="me1">mobile</span><span class="br0">&#41;</span> <span class="br0">{</span><span class="co1">//判断是否是移动设备打开。browser代码在下面</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="coMULTI">/* var ua = navigator.userAgent.toLowerCase();//获取判断用的对象<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (ua.match(/MicroMessenger/i) == &quot;micromessenger&quot;) {<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //在微信中打开<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; setInterval(WeixinJSBridge.call('closeWindow'),2000);<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (ua.match(/WeiBo/i) == &quot;weibo&quot;) {<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //在新浪微博客户端打开<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (ua.match(/QQ/i) == &quot;qq&quot;) {<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //在QQ空间打开<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (browser.versions.ios) {<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //是否在IOS浏览器打开<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } <br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(browser.versions.android){<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //是否在安卓浏览器打开<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }*/</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.<span class="me1">location</span>.<span class="me1">href</span> <span class="sy0">=</span> <span class="st0">&quot;http://www.baidu.com/wap&quot;</span><span class="sy0">;</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">}</span><br>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="coMULTI">/*else {<br>
&nbsp; &nbsp; &nbsp; &nbsp; //否则就是PC浏览器打开<br>
&nbsp; &nbsp; &nbsp; &nbsp; window.close();<br>
&nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; &nbsp;*/</span><br>
<br>
&nbsp; &nbsp; <span class="sy0">&lt;/</span>script<span class="sy0">&gt;</span></div></td></tr></tbody></table></div>
                                        <p class="post-copyright">未经允许不得转载:<ahref="https://www.wangchao.info/">王超博客</a> &raquo; <ahref="https://www.wangchao.info/940.html">判断客户端是手机端自动跳转JS脚本</a></p>
页: [1]
查看完整版本: 判断客户端是手机端自动跳转JS脚本