日星网
搜索

记录日常点点滴滴，欢迎来到我的小站。

0%

Javascript判断客户端使用设备的4种方法

发表于 更新于 分类于

方法一

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<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="手机页面"; 
                                alert('mobile');
                        }else if(/iPad/i.test(navigator.userAgent)){ 
                                window.location.href="平板页面"; 
                                alert('ipad');
                        }else{ 
                                window.location.href="其他移动端页面" 
                                alert('no');
                        } 
                }
                catch(e){} 
        }
}else{
        alert('PC');        
}
</script>

方法二

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
function IsPC() 
{ 
    var userAgentInfo = navigator.userAgent; 
    var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 
    var flag = true; 
    for (var v = 0; v < Agents.length; v++) { 
        if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } 
    } 
    return flag; 
} 
···

#### 方法三
```bash
<scripttype="text/javascript"> 
    
function browserRedirect() {  
    
var sUserAgent= navigator.userAgent.toLowerCase();  
    
var bIsIpad= sUserAgent.match(/ipad/i) == "ipad";  
    
var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os";  
    
var bIsMidp= sUserAgent.match(/midp/i) == "midp";  
    
var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";  
    
var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb";  
    
var bIsAndroid= sUserAgent.match(/android/i) == "android";  
    
var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce";  
    
var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile";  
    
    
    
    
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {  
    
window.location.href= 'http://url/mobile.html';  
    
} else {  
    
window.location= 'http://url/pc.html';  
    
}  
    
}  
    
browserRedirect();  
    
</script>

方法四

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