码迷,mamicode.com
首页 > 移动开发 > 详细

如何让网页识别是否从移动端登录?

时间:2014-06-02 16:41:53      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:android   cWeb   c   style   class   blog   

如何让网页识别是否从移动端登录?
===============================
在写自己的网站的时候遇到了这样的问题,由于网页调用了大量的JavaScript和css代码,如果在移动端直接看的话效果不佳,为了解决这个问题,我想到了让网页识别出当前的登录设备是否是移动端,如果是移动端的设备,那么就跳转到专门为移动端做过优化的页面。那么如何实现呢?

 

其实将一段简单的JavaScript代码插入到html的header部分就可以实现。

bubuko.com,布布扣
 1 <script type="text/javascript">  
 2             function browserRedirect() {  
 3                 var sUserAgent = navigator.userAgent.toLowerCase();  
 4                 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";  
 5                 var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";  
 6                 var bIsMidp = sUserAgent.match(/midp/i) == "midp";  
 7                 var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
 8                 var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";  
 9                 var bIsAndroid = sUserAgent.match(/android/i) == "android";  
10                 var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";  
11                 var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";  
12                 if ((bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){  
13                     window.location.href="跳转的网页路径";
14                 } 
15             }  
16             browserRedirect();          </script>
bubuko.com,布布扣

怎么样,简单易行吧?

如何让网页识别是否从移动端登录?,布布扣,bubuko.com

如何让网页识别是否从移动端登录?

标签:android   cWeb   c   style   class   blog   

原文地址:http://www.cnblogs.com/jinweiclarkchao/p/3762884.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!