使用 js 判断当前用户浏览的页面是 pc 端还是手机移动端

【摘要】前几天给别人做两个静态的页面，当时他想要实现的功能就是自动判断访问者是从 pc 端访问还是手机移动端访问页面，然后自动跳转到相应的页面中。我当时想到的就是使用 php 代码来判断，并没有想到其实使用 js 也能够判断，这样的话，就可以是完全静态页面实现这一功能。本文代码转载自网上，觉得比较有收藏价值。

二话不说，直接贴出代码：

1. <script type="text/javascript">

2.     function browserRedirect() 

3.     {

4.         var sUserAgent = navigator.userAgent.toLowerCase();

5.         var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

6.         var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

7.         var bIsMidp = sUserAgent.match(/midp/i) == "midp";

8.         var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

9.         var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

10.         var bIsAndroid = sUserAgent.match(/android/i) == "android";

11.         var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

12.         var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

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

14.         {

15.             document.writeln("phone");

16.         }else

17.         {

18.             document.writeln("pc");

19.         }

20.     }

22.     browserRedirect();

23. </script>

本文代码亲测有效，例如：http://www.mafutian.net/1.html，截图如下：

通过 js 判断当前用户是通过 pc 端还是手机端访问页面，则自动跳转到相应的页面中，可以完全实现页面的静态化（即纯 html 文件）。

我要打赏