移动端

在大移动端中,大部分都是人手一台手机,大部分机型系统不是ios就是安卓,但是作为h5前端必须得获取是ios还是安卓都是正常,可是你难以相信这个世界坑你的总是有

获取手机浏览器哪个系统

你们确定下面的方式能够获取的对吗?下面是谷歌搜索收集起来的

方式一:

var ua   = navigator.userAgent.toLowerCase();
if((ua.match(/android/i)) == "android") {alert("android");
}else if((ua.match(/iPhone/i)) == "iPhone"){alert("iPhone");
}else if((ua.match(/iPad/i)) == "iPad"){alert("iPad");
}else {alert('什么都不是')
}

方式二:

 var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";var bIsMidp = sUserAgent.match(/midp/i) == "midp";var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";var bIsAndroid = sUserAgent.match(/android/i) == "android";var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";if(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {alert("手机");} else {alert("电脑");}

方式三:

var ua = navigator.userAgent.toLowerCase();
if(/android|adr/gi.test(ua)) {// 安卓alert('安卓');
}else if(/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(ua)){//苹果alert('苹果');
}else if(/iPad/gi.test(ua)){//ipadalert('ipad');
}

上面的能够识别是靠的 navigator.userAgent 其中的某个字段,比如

"mozilla/5.0 (linux; android 5.0; sm-g900p build/lrx21t) applewebkit/537.36 (khtml, like gecko) chrome/75.0.3770.100 mobile safari/537.36"

…这些真的能够满足我们吗…事实上…这些都不是你需要的比如华为 mate 10 自带浏览器…获取的 navigator.userAgent:

"mozilla/5.0 (windows; u; windows nt 5.2; en-us) applewebkit/537.36(khtml, like gecko) chrome/40.0.2214.89 safari/537.36"

手机自带浏览器的强大相关推荐

  1. 什么浏览器好用_还在用手机自带浏览器么?这个不足1M的浏览器却功能更加强大...

    呐,等你关注都等出蜘蛛网了~ 大家好啊!小白菌又来了. 刚才一直在想写什么? 我有好多素材,但是不知道先写什么. 于是,我就问了一下室友她们在用什么浏览器. 她们告诉我在用华为自带的浏览器. 叮!素材 ...

  2. 华为手机自带浏览器不支持 ES6 语法

    原文地址:https://caochangkui.github.io/huawei-es6/ 华为手机自带浏览器对 es6 语法的支持度极差,哪怕最新的荣耀10 手机也有该毛病!所以,移动端项目开发中 ...

  3. 华为手机自带浏览器无法下载 iis 网站 apk 问题解决方案(和SSL有关)

    公司 web 服务器上部署了一个下载 app 的网站,同时也是 asp.net mvc 开发的 api 服务端,好久之前就有用户反馈华为手机自带浏览器无法下载 apk,查了好久都没找到原因,今天终于把 ...

  4. 奇葩!小米手机自带浏览器css兼容问题,强制屏蔽、隐藏类名为 top_box 的元素。

    如标题所示,今天记录一下小米手机自带浏览器的问题. 同一个页面代码,不论在微信环境,其他第三方浏览器,或者嵌入app中显示都没有问题,唯有小米手机自带浏览器,莫名其妙的有个元素不见了. 然后一顿改代码 ...

  5. android应用是非正式版本,华为手机自带浏览器,应用是非正式发布版本,当前设备不支持安装

    查了一下网上一些解决方案: 解决方法: 在gradle.properties 文件中添加如下指令: android.injected.testOnly=false 但是我配置了没有效果,我测试是用华为 ...

  6. 小米华为手机自带浏览器上传图片提示:没有应用可执行操作

    当使用小米手机.华为手机自带浏览器上传图片时,会提示:没有应用可执行操作.最初以为是上传组件的问题,后来发现用原生的表单上传是没有问题的.通过对比发现是多了个accept属性. 代码如下: <i ...

  7. UNI-APP,plus.runtime.openURL打开手机自带浏览器,出现“下载地址不可用,创建任务失败”的Bug

    在UNI-APP中,有时候需要打开手机自带的浏览器,下载更新软件,通常使用 //#ifdef APP-PLUS plus.runtime.openURL(res.url); //#endif 但是,最 ...

  8. iOS手机自带浏览器Safari无法长按保存图片

    今日登录CSDN,竟然要强制绑定手机号,突然感觉不到爱了. iOS自带浏览器无法按弹出弹窗,可能是因为被禁止了系统默认菜单 对这个属性的描述,参考添加链接描述 -webkit-touch-callou ...

  9. 微信内置浏览器怎么才能自动跳转到手机自带浏览器

    上半年公司有一个新的APP项目上线,我们在项目首页做个二维码,然后用户用手机扫一扫就能下载了.但是很多用户反映扫一扫之后下载不了,了解之后才知道这些用户都是使用的微信的扫一扫,而我们开发测试人员一般使 ...

  10. vue2.0 在华为手机等手机自带浏览器打开白屏的问题

    使用vue2.0 开发的单页面网站,  在华为部分型号(p20也是....),部分安卓手机打开页面是空白; 网上的方法是把把es6 转 为 es5, 当时我使用的 vue-cli , webpack ...

最新文章

  1. 知识图谱学习笔记-非结构化数据处理
  2. Oracle错误ORA-01800——ORA-01899
  3. 和nptf螺纹一样吗_摩托车火花塞长短不同,对发动机有影响吗?
  4. 重磅推荐《南瓜书》:周志华《机器学习》的代码实现
  5. python多级网址爬取_python-29:多级页面爬取源码
  6. Linq表达式和Lambda表达式用法对比
  7. Struts 2框架创建的第一个项目
  8. [React-Native]样式和布局
  9. 迪杰斯特拉c++_常用十大算法之 其九·迪杰斯特拉算法【日后详细补充】
  10. python绘制音频频谱_Python 读取wav画频谱
  11. mysql error1205 博客_mysql主从复制Error1205
  12. 苏雅欣课后作业四 个人总结
  13. 我的世界服务器等级系统,[娱乐][角色][聊天][上古之石]LevelSignPlus——服务器等级声望系统[1.7.2-1.10.2]...
  14. 请简述什么是mysql,MySQL之什么是MySQL
  15. 李宏毅hw4,训练+调优
  16. 远程服务器访问 JupyterLab
  17. Cisco 3945路由器密码恢复,rommon模式操作详解
  18. 敏捷 scrum_敏捷教练,Scrum大师,交付经理
  19. win7删除u盘linux分区,WIN7系统不用分区工具如何创建、删除和格式化分区
  20. iOS Xcode 打包IPA问题集锦

热门文章

  1. 2019裁员潮,测试被裁了能干什么?
  2. Spring Cloud Zuul过滤器详解
  3. 那一年马云34岁,李彦宏30岁,马化腾27岁
  4. 黑猴子的家:Azkaban3.84.4之参考资料
  5. 大话西游2玩家最多的服务器,大话西游2最火爆的服务器凌烟阁,玩家一次预约成功...
  6. 2021-4-22-Python自动化31期-day01作业答案
  7. 开源GIS(十八)——分辨率与比例尺
  8. 常见基准电压芯片有哪些
  9. 双输出基准电压电路/自己备忘
  10. 关于表单流程设计器 以及 问卷调查生成器的开发准备