JS判断是否为手机

最新推荐文章于 2025-05-27 17:00:50 发布

转载最新推荐文章于 2025-05-27 17:00:50 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/buerjj/p/8612302.html

Vue.js 同时被 3 个专栏收录

200 篇文章

订阅专栏

JavaScript

120 篇文章

订阅专栏

移动端、兼容性、响应式

22 篇文章

订阅专栏

本文介绍了一种使用JavaScript来判断用户所使用的设备类型（移动端或PC端），并据此进行页面跳转的方法。通过正则表达式匹配User Agent字符串实现设备识别，Vue.js中实现条件路由跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原生js

window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) 
? "mobile_web端页面" : "PC端页面"

<script type="text/javascript">
  if (
    /AppleWebKit.*Mobile/i.test(navigator.userAgent) ||
    /MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(
      navigator.userAgent
    )
  ) {
    if (window.location.href.indexOf("?mobile") < 0) {
      try {
        if (
          /Android|Windows Phone|webOS|iPhone|iPod|BlackBerry|iPad/i.test(
            navigator.userAgent
          )
        ) {
          // window.location.href = "http://m.aiqr.net//5g/10690.html";
        }
      } catch (e) {}
    }
  }
</script>

Vue

 mounted() {
    if (this._isMobile()) {
      alert("手机端");
      this.$router.replace('/m_index');
    } else {
      alert("pc端");
      this.$router.replace('/pc_index');
    }
  }

methods:{
    _isMobile() {
      let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
      return flag;
    }
}