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

学习笔记 转载 2017-07-14 08:43:16 110 0

【摘要】前几天给别人做两个静态的页面,当时他想要实现的功能就是自动判断访问者是从 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.     }
  21.     browserRedirect();
  22. </script>

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

请输入图片名称请输入图片名称

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

版权归 马富天PHP博客 所有

本文标题:《使用 js 判断当前用户浏览的页面是 pc 端还是手机移动端》

本文链接地址:http://www.mafutian.net/283.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

1

1

上一篇《 使用 phantomjs 异步爬取 ajax 网页数据 》 下一篇《 phantomjs 发送 get 请求 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多