判断是否是移动端还是pc端并封装

喝星茶发o_o ....

于 2022-06-10 11:25:40 发布

阅读量191

点赞数 1

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

本文链接：https://blog.youkuaiyun.com/weixin_44479957/article/details/125218272

版权

vue 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何判断用户设备是移动端还是PC端，并展示了封装的JavaScript函数`judging_isMobile()`。在Vue.js项目中，遇到调用该函数时报错的问题，直接调用`judging_isMobile()`可以避免错误。

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

项目目录截图
在这里插入图片描述

js文件代码：JudgingFunction.js

// 判断是否是移动端还是pc端 【调用函数 必需要加export 调用时不要this.方法。直接写方法名即可】
export function judging_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;
}

vue文件代码

// 后缀.js:加不加没有影响
import { judging_isMobile } from "./assets/js/JudgingFunction";
export default {
  name: "App",
  mounted() {
    if (judging_isMobile()) {
      alert("手机端");
    } else {
      alert("pc端");
    }
  },
};