标签:android cWeb c style class blog
如何让网页识别是否从移动端登录?
===============================
在写自己的网站的时候遇到了这样的问题,由于网页调用了大量的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="跳转的网页路径"; 14 } 15 } 16 browserRedirect(); </script>
怎么样,简单易行吧?
如何让网页识别是否从移动端登录?,布布扣,bubuko.com
标签:android cWeb c style class blog
原文地址:http://www.cnblogs.com/jinweiclarkchao/p/3762884.html