引入文件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端相关推荐

  1. js判断移动端,pc端,安卓,苹果浏览器的方法

    js 判断安卓或者ios 之indexOf方式(一) //判断访问终端 var browser={versions:function(){var u = navigator.userAgent, ap ...

  2. js判断客户端是移动端还是PC端

    //判断客户端是移动端还是pc端 //userAgent用户代理 function IsPC() { var userAgentInfo = navigator.userAgent; var Agen ...

  3. js 判断移动端还是pc端,ios或者android

    js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...

  4. vue 判断移动端、pc端

    判断移动端或pc端 经常在项目中会有支持 pc 与手机端需求.并且pc与手机端是两个不一样的页面.这时就要求判断设置,根据不同的设置跳转不同的路由. 先写个方法: //APP.vue isMobile ...

  5. C#和JQ判断移动端还是PC端

    判断移动端还是PC端浏览网页可以使用两种方法: 1.在C#语句进行判断 /// <summary>/// 判断是移动端/// </summary>/// <returns ...

  6. java 判断手机访问_java后台如何判断是移动端还是pc端的访问请求

    java后台如何判断是移动端还是pc端的访问请求 主要是根据  HttpServletRequest request  中的请求头所带的参数 user-agent来获取: String userAge ...

  7. 判断当前是移动端还是PC端 判断是微信浏览器还是非微信浏览器

     需求分析: 在我现有的项目中,使用MVC模型,移动端和PC端主方法都放在了C中,移动端使用 is_mobile函数来区分移动端和PC端,在移动端需要区分微信浏览器和非微信浏览器,所以经过研究和实验, ...

  8. 移动端和pc端的区别

    PC端与移动端的区别 pc端与移动端从兼容性.事件处理.布局.动画处理上来说有五种区别 1.从兼容方面来说, PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是andro ...

  9. nginx配置区分移动端和PC端,访问不同域名

    在群里遇到一个朋友,想实现移动端和PC端访问相同域名,但是页面效果有区别(这里先排除自适应,因为他已经写完了两个项目,移动端和PC端分开写的),所以我就提供了如下方案:访问同一域名,在nginx里判断 ...

  10. vuecli3 实现 移动端和pc端 界面切换(两套代码)

    适合场景 多页面多系统应用 所有系统都在同一目录下.配置多入口多出口.每个系统之间可以链接.每个系统内依然采用Vue单页应用开发. 产品需求:一套代码 兼容pc端和移动端 , 移动端和pc端的样式布局 ...

最新文章

  1. 云原生时代,Kubernetes让应用落地的N种招式(附PPT)
  2. 2019年4月最新勒索病毒样本分析及数据恢复
  3. 全卷积神经网路【U-net项目实战】Unet++
  4. 修改windows系統下xampp中apache端口被其他程式占用的問題
  5. bread是可数还是不可数_小学英语语法名词 不可数名词详解
  6. java final keyword
  7. PPT 2016 后台播放功能
  8. C#new出来的结构体内存分配在堆上
  9. Pgbouncer 介绍
  10. Android 滑动菜单框架--SwipeMenuListView框架完全解析
  11. Webservice学习之——即时发布与定制发布
  12. django框架之模板系统
  13. js,如何把省份简称转换成省份全称
  14. BP(back propagation)误差逆传播神经网络
  15. Thinkphp6快速入门教程
  16. 远程控制 - 手机完全控制电脑之TeamViewer
  17. 珍藏书籍,人工智能书籍推荐--AI“圣经”/超详细计算机视觉书籍赠送
  18. 常见图片尺寸大小(厘米 cm,象素 px)
  19. arcoshx怎么用计算机算,双曲函数
  20. 抖音电商副总裁木青:抖音电商正在成为服饰行业的增量风口

热门文章

  1. 华为v8原生态android,安卓原生系统的手机有哪些_2019安卓原生系统手机推荐_飞翔教程...
  2. 看了100%会做艺术二维码的制作教程
  3. conhosts 占用CPU
  4. 牛顿法的matlab实现
  5. 大麦网疑遭“脱裤” 600余万用户信息被售卖
  6. 我的NAS方案及使用的功能
  7. 【机器学习理论】第1部分 机器学习基础
  8. 未来5年内, UWB技术或将成为室内定位的主流技术!
  9. python扇贝每日一句api_扇贝-每日一句
  10. 西工大里的河南烩面的五一故事(数模、作业、课题组、考试)