vue 检测打开网页设备是移动端还是PC端

最新推荐文章于 2024-07-08 18:29:48 发布
最新推荐文章于 2024-07-08 18:29:48 发布
阅读量460 收藏
点赞数
文章标签： vue.js javascript iphone
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46210850/article/details/131002077
版权
该代码段展示了一个JavaScript方法，用于检测用户访问设备是移动端还是PC端。它通过匹配navigator.userAgent属性与特定正则表达式来判断，如果匹配成功，则认为是移动设备，否则视为PC端。
摘要由CSDN通过智能技术生成 
 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;
	    },
    },
    mounted() {
    if (this.isMobile()) {
      alert("手机端");
    } else {
      alert("pc端");
    }
  },
那就随缘吧skr
关注
Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机）
王佳斌
06-27 6448
Vue - 判断访问网页客户端设备是手机移动端还是 PC 电脑端（判断设备类型是否是移动端手机），vue, js 利用 navigator.userAgent 判断是手机还是电脑，判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端 ，vue判断是页面是手机端还是电脑端，vue js判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，判断当
JavaScript - 判断浏览器内的页面是在手机端还是电脑（PC）上打开的（判断用户访问设备是什么）
王佳斌
08-22 1426
vue, js 利用 navigator.userAgent 判断是手机还是电脑，JS判断是页面是在手机端还是PC端打开(navigator.userAgent)，使用JS来判断页面是在手机端还是在PC端打开的方法，vue-判断设备是手机端还是pc端 ，vue判断是页面是手机端还是电脑端，vue js判断客户端是pc端还是移动端，怎么知道页面是在PC上还是手机上打开的？JS判断当前访问设备是手机/平板/电脑，js 判断当前是手机还是电脑，js判断浏览器是手机还是js 判断手机端pc端。详解JS判断页面是在手
基于VUE实现判断设备是PC还是移动端
10-15
主要介绍了基于VUE实现判断设备是PC还是移动端,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue 判断移动端、pc端
weixin_30814223的博客
04-04 1678
判断移动端或pc端 经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 先写个方法： //APP.vue isMobile() { 　　let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Androi...
vue 判断手机访问还是pc 访问
最新发布
qq_33240556的博客
07-08 1139
在 Vue 中，判断用户是通过手机还是 PC 访问网页，可以通过检查属性来实现。这个属性提供了关于浏览器的信息，我们可以从中分析出用户代理字符串，从而判断设备类型。以下是一个简单的示例，说明如何在 Vue 中实现这一逻辑：你可以在项目的入口文件（如main.js）中添加一个全局的方法，或者在某个组件内直接使用这个逻辑。
使用vue如何判断当前设备是PC端还是移动端？
m0_57246138的博客
06-12 1053
在实际开发中我们经常会遇到一个需求，就是做一个页面链接到移动端，但是要求移动端和PC端页面样式不一样，这就是要判断当前登录网页的设备是PC还是移动，那么我们就需要对当前登录设备进行判断。
vue 判断设备是手机端还是pc端
fanyanjiang的博客
08-12 3431
如果项目中有支持PC和手机端的需求，并且二者页面不用，这时就要判断设置，根据不同的设置跳转不同的路由。 在router/index.js文件中 export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc_index' }, { path: "/pc_index", // pc端首页 name: PcIndex, c
vue之自动识别设备为移动端或pc端跳转链接、PC端打开手机版网页自动跳转至PC链接、移动端打开PC链接自动跳转至移动端链接
夜阑珊妖妖
01-09 2906
vue自动识别设备为移动端或pc端跳转链接 代码： data() { return { la_id: "", nowurl: "", }; }, created() { // other ... this.linktab(); }, methods: { linktab() { let goUrl = this.isMobile();...
vue前端判断当前是PC端还是手机端，跳转不同页面
qq_41883689的博客
03-23 3029
一、html <div class="container"> <template v-if="ismOrpc == 'PCoperation'"> <basic-info></basic-info> </template> <template v-else> <mo-basic-info></mo-basic-info> </template> </d
Vue2移动端项目开发流程
Mr.小灰狼_随笔
09-02 5787
Vue 项目开发流程 目录 移动端电影项目 1、项目效果 2、开发项目流程 3、开发环境 4、初始化项目 @4.5.19 版本Vue脚手架创建项目 UI 图形界面创建项目 Mac 电脑使用 Vue.cli4.X搭建项目流程 5、Vant 移动端组件库 5-1、安装 Vant 5-2、自动按需引入组件( 推荐 ！) 5-3、移动端样式设置（适配） 6、路由规划 7、网络请求 实战案例 :
vue 判断是移动端还是pc端
lxc的点点滴滴
09-28 326
判断是移动端还是pc端
vue js判断客户端是pc端还是移动端
08-11
//使用方法 import { isMobile } from '../../xxx/isMobile.js' export default { data(){ return{ispc: isMobile().web.win, } }, }
【Vue】判断设备是移动端还是pc端
热门推荐
Fate
03-13 2万+
经常在项目中会有支持 pc 与手机端需求。并且pc与手机端是两个不一样的页面。这时就要求判断设置，根据不同的设置跳转不同的路由。 直接上代码 //在 router/index.js 中有两个页面。 export default new Router({ mode: 'history', routes: [ { path: '', redirect: '/pc...
vue 判断手机端与pc
Aecho15的博客
05-07 483
这里写自定义目录标题欢迎使用Markdown编辑器`在这里插入代码片`新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器在这里插入代码片 你好！ 这是你第一次使用 Markdown编辑器 所展示
Vue判断设备是移动端还是pc端
隔壁老王的博客
02-01 279
//App.vue mounted() { if (this._isMobile()) { alert("手机端"); this.$router.replace('/m_index'); } else { alert("pc端"); this.$router.replace('/pc_index'); } }, methods:{ _isMobile() {
vue判断设备是移动端还是pc端
钱辉
09-12 1万+
判断pc与手机端，根据不同的设置跳转不同的路由。 const routes = [ { path: "/", component: () => import( "../components/test.vue") }, { path: "/test", // pc端首页 component: () => import( "../components/test.vue") }, { path: '/mi', // 手机端
【Vue3/Vue2】判断设备是移动端还是pc端跳转不同路由router
xiaoming4965的博客
01-12 2580
在 App.vue 的。
新手第一次写vue来判断移动端和PC端
weixin_43946728的博客
02-14 1万+
新手第一次写vue来判断移动端和PC端 1.搭建vue脚手架我就不多说了 vue init webpack 文件名。 2.运行npm run dev。 3.在APP文件中。 我用的是定义一个变量为showPage，通过v-if来进行判断，如果showPage等于1的情况下，那么 则会显示为手机端，如果为showPage==2的情况则为PC端。下面的admin可以忽略点，因为我是 一个vue脚手架...
vue2 pc 网页端适配移动端
06-11
要将 Vue2 PC 网页端适配移动端，可以使用以下方法： 1. 使用 CSS3 媒体查询对不同屏幕尺寸进行适配。可以设置不同的样式规则以适应不同的屏幕尺寸。 2. 使用响应式布局，可以使用 Bootstrap 或 Element UI 等 UI ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值