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

匹配PC和移动端

时间:2014-08-24 23:41:33      阅读:273      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   color   os   io   for   ar   

方法1:

 1 var browser={
 2     versions:function(){ 
 3         var u = navigator.userAgent, app = navigator.appVersion; 
 4                 return {//移动终端浏览器版本信息 
 5                     trident: u.indexOf(‘Trident‘) > -1, //IE内核
 6                     presto: u.indexOf(‘Presto‘) > -1, //opera内核
 7                     webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核
 8                     gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核
 9                     mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
10                     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
11                     android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或者uc浏览器
12                     iPhone: u.indexOf(‘iPhone‘) > -1 || u.indexOf(‘Mac‘) > -1, //是否为iPhone或者QQHD浏览器
13                     iPad: u.indexOf(‘iPad‘) > -1, //是否iPad
14                     webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部
15                 };
16             }(),
17             language:(navigator.browserLanguage || navigator.language).toLowerCase()
18         }
19         if(browser.versions.mobile){
20             if(browser.versions.iPad){
21                  window.location="http://www.baidu.com";
22             }else if(browser.versions.iPhone){
23                window.location="http://www.baidu.com";
24             }else if(browser.versions.android){
25                window.location="http://www.baidu.com";
26             }else if(browser.versions.webKit){
27                 window.location="http://www.qq.com";
28             }
29         }
30         else{
31             window.location="http://www.qq.com";
32         }
33     </script>

 

方法2:

 1 function IsPC()  
 2         {  
 3                    var userAgentInfo = navigator.userAgent;  
 4                    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
 5                    var flag = true;  
 6                    for (var v = 0; v < Agents.length; v++) {  
 7                        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }  
 8                    }  
 9                    return flag;  
10         } 
11         var browser=IsPC();
12         if(browser){
13             window.location="http://www.qq.com";
14         }else{
15             window.location="http://www.qq.com";
16         }

 

匹配PC和移动端

标签:android   style   blog   http   color   os   io   for   ar   

原文地址:http://www.cnblogs.com/hwgq2005/p/3933682.html

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