今天俺跟大家分享一个工具方法,用来判断浏览器内核版本信息,判断是否会移动端,判断是否为ios。

代码如下:

var u = navigator.userAgent,

app = navigator.appVersion;

return { //移动终端浏览器版本信息

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('Linux') > -1, //android终端或uc浏览器

iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器

iPad: u.indexOf('iPad') > -1, //是否iPad

webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部

};

其中判断为ios的需求经常在比如一个下载按钮分为安卓和IOS两个不同链接,我们用js来判断显示不同的链接。

例:

// 判断手机型号显示按钮

if (/android/i.test(navigator.userAgent.toLowerCase()) == true) {

//显示安卓按钮

}else{

//显示IOS按钮

}

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/1731.html

rhino android js,js浏览器版本和移动端版本总结相关推荐

  1. Android APP通过浏览器下载最新版本

    Android APP通过浏览器下载最新版本 首先判断app本地的版本和服务器上的版本是否是一样的.如果有新版本,那么就进行更新. 需要服务器端提供两个接口 获取服务器端apk版本号 apk地址 1. ...

  2. h5获取android手机版本,Vue.js怎么获取手机系统型号、版本、浏览器类型

    Vue.js怎么获取手机系统型号.版本.浏览器类型 发布时间:2020-07-28 11:22:33 来源:亿速云 阅读:161 作者:小猪 这篇文章主要为大家展示了Vue.js怎么获取手机系统型号. ...

  3. JS 判断浏览器版本

    JS 判断浏览器版本 1.JS 区分各个浏览器(方法一) var browser={versions:function(){var u = navigator.userAgent, app = nav ...

  4. PHP判断浏览器内核过低,js判断浏览器版本以及浏览器内核的方法

    本文实例讲述了js判断浏览器版本以及浏览器内核的方法.分享给大家供大家参考.具体实现方法如下: js判断是否移动端及浏览器内核 var browser = { versions: function() ...

  5. [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器...

    [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 原文:[完美]原生JS获取浏览器版本判 ...

  6. JS判断浏览器类型与版本

    这个东西在跨平台前端开发很有用: 在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题.在众多的浏览器产品中,IE.Firefox.Opera.Safari........众多品牌却 ...

  7. JS获取浏览器类型和版本信息

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. js检测浏览器类型以及版本信息

    js检测浏览器类型以及版本信息 DetectBrowser () {const userAgent = window.navigator.userAgentconst isChrome = userA ...

  9. 通过JS判断浏览器类型,详细区分IE各版本浏览器

    <span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

最新文章

  1. WordPress的默认循环
  2. 快节奏多人游戏同步:技术与算法的实现
  3. 如何升级cordova插件
  4. 基于JAVA springboot+mybatis智慧生活分享平台设计和实现
  5. 燕山大学计算机学院官网,燕山大学信息科学与工程学院(专业学位)计算机技术保研夏令营...
  6. flutter listview 滚动到底部_??一个高颜值Flutter版WanAndroid客户端
  7. 在Word 2007中为公式编号
  8. 软件调试第二版卷一硬件基础 pdf_2020全球C++及系统软件技术大会,C++之父领衔...
  9. 在新款mac上找回经典的开机启动声,一条命令轻松搞定
  10. Ubuntu20.04安装Redis
  11. word上怎么把图片拼接到一起_图片合并,WORD如何将文字与图片合并
  12. html怎么做小米logo,案例:纯CSS小米logo样式
  13. C2 - Skyscrapers (hard version),Codeforces Round #622 (Div. 2),单调栈
  14. SM2 SM3 SM4 国密版本,基于bouncycastle 实现
  15. 数据结构铁轨问题_数据结构大作业(试题题目)
  16. vue3加载动态图片
  17. Gated Multiple Feedback Network for Image Super-Resolution(GMFN SISR BMVC2019)
  18. 亚马逊erp系统详细介绍,新手第一步
  19. 英国脱欧 欧盟授权代表_英国脱欧可能影响您的虚拟主机的3种方式
  20. C++虚函数实现多态性来求正方体、球体和圆柱体的表面积和体积

热门文章

  1. 邮箱大师发送邮件服务器连接失败,网易邮箱大师退信的解决方法分享 网易邮箱大师发不了邮件的解决方法介绍...
  2. 优秀的室内设计网站有哪些?让我们一起来看看吧
  3. Java实现文字转语音(TTS)和指定路径播放音频文件
  4. 高等专科学院音乐教育计算机课,开设音乐教育专业大学有哪些 有哪些主要课程...
  5. vue-cli脚手架Vue2.x与Vue3.x安装与预设
  6. 天道酬勤——永不言弃
  7. (学习笔记)An Uncertain future: forecasting from static images using variational autoencoders
  8. 继“ABC”之后,“ABCD”又是个什么“鬼”?
  9. 石墨电极碳化控制系统液压比例阀控制器
  10. PMP 常见100个考点和答题策略