当前位置: 首页 > news >正文

关于navigator.userAgent判断苹果手机的问题和踩坑

问题描述:

当苹果手机设置中的Safari开启了”请求桌面网站“,此时用navigator.userAgent来判断是否是移动端,就会出现问题,如下的判断:

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent.toLowerCase());

因为开启了”请求桌面网站“后,此时获取的userAgent是如下

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari

是和MAC(pc)的一样了。

通俗地讲,这个设置就是为了让 手机或iPad 用起来像 PC。而且这个功能还“默认”开启,通过 iPad 设备打开 Safari 进入网站时会访问 PC 网站,而不是移动端网站。

解决方法:

1.结合navigator.maxTouchPoints > 1用来判断是非PC;

2.window.screen.height > window.screen.width用来判断是非PC

相关文章:

  • Java中的反射机制
  • 09-MySQL主从复制
  • idea 一直卡在maven正在解析maven依赖
  • asp.net core 生命周期
  • SpringBoot Kafka消费者 多kafka配置
  • 【星海出品】flask(一)demo
  • 【Nginx39】Nginx学习:upstream服务器组模块
  • 教给孩子们如何认真听讲
  • windowCPU虚拟化已禁用解决方案
  • AIX5.3安装weblogic10.3
  • 已解决:rm: 无法删除“/opt/module/zookeeper-3.4.10/zkData/zookeeper_server.pid“: 权限不够
  • 【23真题】简单!原题很多!211!
  • IEC104 工具和代码库
  • 【使用教程】在Ubuntu下PMM60系列一体化伺服电机通过PDO跑循环同步位置模式详解
  • Android 12.0 内置MTK平台音乐播放器
  • python3.6+scrapy+mysql 爬虫实战
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • 【EOS】Cleos基础
  • angular2开源库收集
  • canvas实际项目操作,包含:线条,圆形,扇形,图片绘制,图片圆角遮罩,矩形,弧形文字...
  • ES6之路之模块详解
  • java2019面试题北京
  • JavaScript DOM 10 - 滚动
  • JavaScript 一些 DOM 的知识点
  • JavaScript对象详解
  • laravel5.5 视图共享数据
  • Promise面试题,控制异步流程
  • Python打包系统简单入门
  • QQ浏览器x5内核的兼容性问题
  • Vue官网教程学习过程中值得记录的一些事情
  • 成为一名优秀的Developer的书单
  • 从零开始学习部署
  • 关于for循环的简单归纳
  • 官方解决所有 npm 全局安装权限问题
  • 海量大数据大屏分析展示一步到位:DataWorks数据服务+MaxCompute Lightning对接DataV最佳实践...
  • 前端技术周刊 2018-12-10:前端自动化测试
  • ​比特币大跌的 2 个原因
  • ​油烟净化器电源安全,保障健康餐饮生活
  • !$boo在php中什么意思,php前戏
  • # 计算机视觉入门
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (4)STL算法之比较
  • (解决办法)ASP.NET导出Excel,打开时提示“您尝试打开文件'XXX.xls'的格式与文件扩展名指定文件不一致
  • (七)Java对象在Hibernate持久化层的状态
  • (顺序)容器的好伴侣 --- 容器适配器
  • (转)shell调试方法
  • (转)关于pipe()的详细解析
  • (转载)从 Java 代码到 Java 堆
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • ******IT公司面试题汇总+优秀技术博客汇总
  • .net 7 上传文件踩坑
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .Net6支持的操作系统版本(.net8已来,你还在用.netframework4.5吗)
  • .NET运行机制