判断设备是移动端还是pc端

最新推荐文章于 2025-03-20 20:50:19 发布

小段爱前端

最新推荐文章于 2025-03-20 20:50:19 发布

阅读量1k

点赞数

分类专栏：移动端文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_52954097/article/details/133737393

版权

移动端专栏收录该内容

3 篇文章

订阅专栏

通过JavaScript判断终端类型

1.把请求头信息转为小写

2.user agent是指用户代理,使服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。

sUserAgent = navigator.userAgent.toLowerCase();

sUserAgent.match('ipad') == "ipad";
sUserAgent.match('ucweb') == "ucweb";
...

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>判断是PC还是移动端浏览器</title>

  </head>

  <body></body>

</html>

<script>

  function browserRedirect() {

    var curURL = window.location.href;

    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

    ) {

      // 移动端浏览器     document.write("phone");    //移动端浏览器

      window.location.href = "https://m.jd.com/";

      // if (curURL.indexOf("jd.com") != -1) {    //     window.location.href = "https://m.jd.com/";    // }

    } else {

      // PC端浏览器

      document.write("pc");

      //  if (curURL.indexOf("jd.com") != -1) {        // window.location.href = "https://www.jd.com/";    //}

    }

  }

  browserRedirect();

</script>