首页 > 代码库 > 如何让网页识别是否从移动端登录？

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

2024-07-06 18:29:58   214人阅读

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

 

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

 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="http://www.mamicode.com/跳转的网页路径";
14                 } 
15             }  
16             browserRedirect();          </script>

怎么样，简单易行吧？


联系
我们