js几行代码判断打开页面的设备是电脑PC端或手机H5端或微信端

coderYYY

已于 2022-12-31 18:07:32 修改

阅读量6k

点赞数 3

分类专栏：前端文章标签：前端 javascript

于 2022-07-27 17:04:04 首次发布

本文链接：https://blog.csdn.net/qq_23073811/article/details/126018728

版权

前端专栏收录该内容

48 篇文章 16 订阅

订阅专栏

javascript判断设备类型

开发中我们有时候会根据设备的不同而进行不同的操作，那怎么判断打开的设备类型呢？
–js中的navigator.userAgent包含设备的一些信息，可以帮助我们判断，只需要以下几行js代码即可判断设备类型是电脑PC端或手机H5端或微信端（Vue也可以用）

// 先判断是不是微信端打开的
if (/(micromessenger)/i.test(navigator.userAgent)) {
        alert("微信");
      } else {
        alert("普通浏览器");
        // 判断h5还是pc true就是h5
        let client =
          /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
            navigator.userAgent
          );
        if (client) {
          alert("h5");

        } else {
          alert("pc");
        }
      }