JavaScript判断是否为移动端访问并实现页面跳转

作者: 云中布衣   分类:  学习笔记    热度: (244℃)   时间: 2017-12-5 20:02   标签: #emlog    

随着移动互联网的用户群体越来越大,站点的访问,很多时候是来自移动端,由于移动终端的屏幕一般比较小,使得很多之前在PC端制作的样式无法在移动端适配。为解决这个问题,比较简单的一个方法就是针对不同的访问终端实现不同的样式表。而利用JavaScript判断是否为移动端访问并实现页面跳转是很好的一个实现途径。结合PHP语言,实现判断跳转的代码如下。

<script type="text/javascript"> 
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
        if(window.location.href.indexOf("?mobile")<0){
                try{
                        if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
                                window.location.href="<?php echo BLOG_URL; ?>/m/?post=<?php echo $logid;?>";
                        }
                }catch(e){}
        }
}
</script>

修改上述代码中的.href="url"中的url到指定的页面,即可实现判断跳转

(完)

56.8K

发表评论:

© 云中布衣 2015 | Driven by EMLOG  | SiteMap | RunTime: 8.14ms&RSS  | MORE  |   | TOP

文章数量【252】 评论数量【206】 稳定运行【1154天】

Visitor IP Address【54.158.52.166】

Email:ieeflsyu#outlook.com