现在的手机终端占用的上网时间在逐渐的增多,那么跳转到适应手机屏幕浏览的页面就非常的重要,平常的各大门户网站都已经做到了这个.现在就探讨一下如何用JS进行识别了.
用Js可以判断用户代理User Agnet,也可以通过屏幕的大小来判断(但是现在的屏幕大小太多,而且越做越大,这个有点不好使了).
1 -判断用户代理 User Agent
navigator.userAgent
就是你浏览器的用户代理,比如一小段代码显示出你的用户代理
<script type="text/javascript">alert(navigator.userAgent);</script>
我现在用的Chrome 具体:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.63 Safari/537.31
下面就要用到match
<script type="text/javascript">if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|hpwOS|SysbianOS|Windows Phone|UCWEB|BlackBerry|Nokia|RIM|IEMobile|Mobile)/i))){location.href="http://www.cnblogs.com/dying"}</script>
只要把含有的User Agent 写进match中.就能跳转.
2- 判断屏幕的大小
document.body.clientWidth; var wid=document.body.clientWidth; if(var<=480){}