判断当前终端是移动端还是PC端
引入文件isPc.js
const browser = () => {// 获取浏览器UA标识var u = navigator.userAgent;console.log(u);// Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.131 Safari/537.36return {trident: u.indexOf('Trident') > -1, // IE内核presto: u.indexOf('Presto') > -1, // opera内核webKit: u.indexOf('AppleWebKit') > -1, // 苹果、谷歌内核gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, // 火狐内核mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否为移动终端ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, // android终端iPhone: u.indexOf('iPhone') > -1, // 是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, // 是否iPadwebApp: u.indexOf('Safari') === -1, // 是否web应该程序,没有头部与底部weixin: u.indexOf('MicroMessenger') > -1, // 是否微信 (2015-01-22新增)qq: u.match(/\sQQ/i) === ' qq', // 是否QQ};
};
const isPc = () => {let isPcOrMobile = true;if (browser().mobile || browser().android || browser.ios || document.body.clientWidth < 787) {// 判断是否是移动端console.log('这里是移动端');isPcOrMobile = false;} else {console.log('这里是pc端');isPcOrMobile = true;}window.addEventListener('resize', () => {if (browser().mobile || browser().android || browser.ios || document.body.clientWidth < 787) {// 判断是否是移动端console.log('这里是移动端');isPcOrMobile = false;} else {console.log('这里是pc端');isPcOrMobile = true;}});return isPcOrMobile;
};export default isPc;
判断当前终端是移动端还是PC端相关推荐
- js判断移动端,pc端,安卓,苹果浏览器的方法
js 判断安卓或者ios 之indexOf方式(一) //判断访问终端 var browser={versions:function(){var u = navigator.userAgent, ap ...
- js判断客户端是移动端还是PC端
//判断客户端是移动端还是pc端 //userAgent用户代理 function IsPC() { var userAgentInfo = navigator.userAgent; var Agen ...
- js 判断移动端还是pc端,ios或者android
js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...
- vue 判断移动端、pc端
判断移动端或pc端 经常在项目中会有支持 pc 与手机端需求.并且pc与手机端是两个不一样的页面.这时就要求判断设置,根据不同的设置跳转不同的路由. 先写个方法: //APP.vue isMobile ...
- C#和JQ判断移动端还是PC端
判断移动端还是PC端浏览网页可以使用两种方法: 1.在C#语句进行判断 /// <summary>/// 判断是移动端/// </summary>/// <returns ...
- java 判断手机访问_java后台如何判断是移动端还是pc端的访问请求
java后台如何判断是移动端还是pc端的访问请求 主要是根据 HttpServletRequest request 中的请求头所带的参数 user-agent来获取: String userAge ...
- 判断当前是移动端还是PC端 判断是微信浏览器还是非微信浏览器
需求分析: 在我现有的项目中,使用MVC模型,移动端和PC端主方法都放在了C中,移动端使用 is_mobile函数来区分移动端和PC端,在移动端需要区分微信浏览器和非微信浏览器,所以经过研究和实验, ...
- 移动端和pc端的区别
PC端与移动端的区别 pc端与移动端从兼容性.事件处理.布局.动画处理上来说有五种区别 1.从兼容方面来说, PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是andro ...
- nginx配置区分移动端和PC端,访问不同域名
在群里遇到一个朋友,想实现移动端和PC端访问相同域名,但是页面效果有区别(这里先排除自适应,因为他已经写完了两个项目,移动端和PC端分开写的),所以我就提供了如下方案:访问同一域名,在nginx里判断 ...
- vuecli3 实现 移动端和pc端 界面切换(两套代码)
适合场景 多页面多系统应用 所有系统都在同一目录下.配置多入口多出口.每个系统之间可以链接.每个系统内依然采用Vue单页应用开发. 产品需求:一套代码 兼容pc端和移动端 , 移动端和pc端的样式布局 ...
最新文章
- 云原生时代,Kubernetes让应用落地的N种招式(附PPT)
- 2019年4月最新勒索病毒样本分析及数据恢复
- 全卷积神经网路【U-net项目实战】Unet++
- 修改windows系統下xampp中apache端口被其他程式占用的問題
- bread是可数还是不可数_小学英语语法名词 不可数名词详解
- java final keyword
- PPT 2016 后台播放功能
- C#new出来的结构体内存分配在堆上
- Pgbouncer 介绍
- Android 滑动菜单框架--SwipeMenuListView框架完全解析
- Webservice学习之——即时发布与定制发布
- django框架之模板系统
- js,如何把省份简称转换成省份全称
- BP(back propagation)误差逆传播神经网络
- Thinkphp6快速入门教程
- 远程控制 - 手机完全控制电脑之TeamViewer
- 珍藏书籍,人工智能书籍推荐--AI“圣经”/超详细计算机视觉书籍赠送
- 常见图片尺寸大小(厘米 cm,象素 px)
- arcoshx怎么用计算机算,双曲函数
- 抖音电商副总裁木青:抖音电商正在成为服饰行业的增量风口
热门文章
- 华为v8原生态android,安卓原生系统的手机有哪些_2019安卓原生系统手机推荐_飞翔教程...
- 看了100%会做艺术二维码的制作教程
- conhosts 占用CPU
- 牛顿法的matlab实现
- 大麦网疑遭“脱裤” 600余万用户信息被售卖
- 我的NAS方案及使用的功能
- 【机器学习理论】第1部分 机器学习基础
- 未来5年内, UWB技术或将成为室内定位的主流技术!
- python扇贝每日一句api_扇贝-每日一句
- 西工大里的河南烩面的五一故事(数模、作业、课题组、考试)