网站PC端和移动端,用户通过设备识别

Posted yinhao-jack

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网站PC端和移动端,用户通过设备识别相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="utf-8">
 5     <!--<meta name="viewport" content="width=device-width,initial-scale=1.0">-->
 6     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
 7 
 8     
 9 
10     <title>website</title>
11   </head>
12   <body>
13 
14   </body>
15 
16 <script>
17 function IsPC() {
18     var userAgentInfo = navigator.userAgent;
19     var Agents = ["android", "iPhone",
20                 "SymbianOS", "Windows Phone",
21                 "iPad", "iPod"];
22     var flag = true;
23     for (var v = 0; v < Agents.length; v++) {
24         if (userAgentInfo.indexOf(Agents[v]) > 0) {
25             flag = false;
26             break;
27         }
28     }
29     return flag;
30 }
31  
32 var flag = IsPC(); 
33 
34 if(flag){
35 console.log("sdasd")
36 window.location.href="pc/index.html"
37 
38 }else{
39 console.log(flag)
40 window.location.href="mobile/index.html"
41 
42 }
43 </script>
44 
45 </html>

 

以上是关于网站PC端和移动端,用户通过设备识别的主要内容,如果未能解决你的问题,请参考以下文章

网站自动识别PC端或者移动端

如何通过nginx区分客户端访问来自电脑还是手机,怎么返回不同的页面(思路)?

移动web——移动开发选择和技术解决方案

自动识别pc端移动端,并跳转

根据当前设备环境来做pc端和手机端网页显示

web移动端和PC端利用chrome同步开发调试