怎样判断手机端和电脑端自动跳转到各自的页面

Posted 2023-05-18

判断是否pc端还是wap，也可以单位写两个js文件放到wap站head里，详细步骤：

1、二者大不相同，所以用加载不同的css等方式不好实现，而我们加用下面的JS代码后，问题就变得很简单。代码1：

<script type="text/javascript">

<!-- 

//平台、设备和操作系统

varsystem=

win:false,

mac:false,

xll:false

;

//检测平台

varp=navigator.platform;

system.win=p.indexOf("Win")==0;

system.mac=p.indexOf("Mac")==0;

system.x11=(p=="X11")||(p.indexOf("Linux")==0);

//跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面

if(system.win||system.mac||system.xll)

else

window.location.href="手机站链接";

-->

</script>

否则打开网站默认页面。

2、代码2：

<script type="text/javascript">

functionbrowserRedirect()

varsUserAgent=navigator.userAgent.toLowerCase();

varbIsIpad=sUserAgent.match(/ipad/i)=="ipad";

varbIsIphoneOs=sUserAgent.match(/iphoneos/i)=="iphoneos";

varbIsMidp=sUserAgent.match(/midp/i)=="midp";

varbIsUc7=sUserAgent.match(/rv:1.2.3.4/i)=="rv:1.2.3.4";

varbIsUc=sUserAgent.match(/ucweb/i)=="ucweb";

varbIsandroid=sUserAgent.match(/android/i)=="android";

varbIsCE=sUserAgent.match(/windowsce/i)=="windowsce";

varbIsWM=sUserAgent.match(/windowsmobile/i)=="windowsmobile";

if(bIsIpad||bIsIphoneOs||bIsMidp||bIsUc7||bIsUc||bIsAndroid||bIsCE||bIsWM)

window.location.href='手机站链接';

else

window.location='PC站链接';

browserRedirect();

</script>

3、引入代码后系统可以自动判断是手机平板等移动设备还是PC客户端，而打开不同的页面，而展示我们设置的相应页面，交互友好，更有利于留住客户，wbapp：

4、PC端：

参考技术A

你好

//平台、设备和操作系统

var system =

win : false,

mac : false,

xll : false

;

//检测平台

var p = navigator.platform;

system.win = p.indexOf("Win") == 0;

system.mac = p.indexOf("Mac") == 0;

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);

//跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面

if(system.win||system.mac||system.xll)

else

window.location.href="手机站链接";

-->

</script>

否则打开网站默认页面

代码2：

<script type="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= '手机站链接'; 

else  

window.location= 'PC站链接'; 

 

 

browserRedirect(); 

</script>

引入代码后系统可以自动判断是手机平板等移动设备还是PC

满意请采纳

本回答被提问者采纳

php 判断是否手机端还是pc端

来自：https://www.cnblogs.com/webenh/p/5621890.html

用手机访问PC端WWW域名的时候，自动判断跳转到移动端，用电脑访问M域名手机网站的时候，自动跳转到PC端，
我们团队在开发erdaicms二代旅游CMS网站管理系统的时候(http://www.erdaicms.com)，分别开发了PC端和手机端，需要实现，用手机访问PC端WWW域名的时候，自动判断跳转到移动端，用电脑访问M域名手机网站的时候，自动跳转到PC端，于是有了下面这个判断函数：

 

 1 /*移动端判断*/
 2 function isMobile()
 3 { 
 4     // 如果有HTTP_X_WAP_PROFILE则一定是移动设备
 5     if (isset ($_SERVER[\'HTTP_X_WAP_PROFILE\']))
 6     {
 7         return true;
 8     } 
 9     // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息
10     if (isset ($_SERVER[\'HTTP_VIA\']))
11     { 
12         // 找不到为flase,否则为true
13         return stristr($_SERVER[\'HTTP_VIA\'], "wap") ? true : false;
14     } 
15     // 脑残法，判断手机发送的客户端标志,兼容性有待提高
16     if (isset ($_SERVER[\'HTTP_USER_AGENT\']))
17     {
18         $clientkeywords = array (\'nokia\',
19             \'sony\',
20             \'ericsson\',
21             \'mot\',
22             \'samsung\',
23             \'htc\',
24             \'sgh\',
25             \'lg\',
26             \'sharp\',
27             \'sie-\',
28             \'philips\',
29             \'panasonic\',
30             \'alcatel\',
31             \'lenovo\',
32             \'iphone\',
33             \'ipod\',
34             \'blackberry\',
35             \'meizu\',
36             \'android\',
37             \'netfront\',
38             \'symbian\',
39             \'ucweb\',
40             \'windowsce\',
41             \'palm\',
42             \'operamini\',
43             \'operamobi\',
44             \'openwave\',
45             \'nexusone\',
46             \'cldc\',
47             \'midp\',
48             \'wap\',
49             \'mobile\'
50             ); 
51         // 从HTTP_USER_AGENT中查找手机浏览器的关键字
52         if (preg_match("/(" . implode(\'|\', $clientkeywords) . ")/i", strtolower($_SERVER[\'HTTP_USER_AGENT\'])))
53         {
54             return true;
55         } 
56     } 
57     // 协议法，因为有可能不准确，放到最后判断
58     if (isset ($_SERVER[\'HTTP_ACCEPT\']))
59     { 
60         // 如果只支持wml并且不支持html那一定是移动设备
61         // 如果支持wml和html但是wml在html之前则是移动设备
62         if ((strpos($_SERVER[\'HTTP_ACCEPT\'], \'vnd.wap.wml\') !== false) && (strpos($_SERVER[\'HTTP_ACCEPT\'], \'text/html\') === false || (strpos($_SERVER[\'HTTP_ACCEPT\'], \'vnd.wap.wml\') < strpos($_SERVER[\'HTTP_ACCEPT\'], \'text/html\'))))
63         {
64             return true;
65         } 
66     } 
67     return false;
68 }