js判断浏览器及终端

  • 判断浏览器
  • 判断ie为某个版本
  • 鉴别PC及移动端

判断浏览器

  1. 判断浏览器时我们需要用到navigator.userAgent
    navigator是一个对象,他包含了有关浏览器的信息
    userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
    例如:Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)
    完整的代码为

    var explorer = navigator.userAgent;//ie if (explorer.indexOf("MSIE") >= 0) {alert("browser is :ie");}//firefox else if (explorer.indexOf("Firefox") >= 0) {alert("browser is :Firefox");}//Chromeelse if (explorer.indexOf("Chrome") >= 0) {alert("browser is :Chrome");}//Operaelse if (explorer.indexOf("Opera") >= 0) {alert("Opera");alert("browser is :ie");}//Safarielse if (explorer.indexOf("Safari") >= 0) {alert("browser is :Safari");}//Netscapeelse if (explorer.indexOf("Netscape") >= 0) {alert("browser is :Netscape");}//判断是否IE浏览器else if (explorer.indexOf("compatible") > -1 && explorer.indexOf("MSIE") > -1) {alert("browser is :IE");}//判断是否Edge浏览器else if (explorer.indexOf("Trident") > -1) {alert("browser is :Edge");};
    

    注意IE11已经没有MSIE这个值了,所以需要特殊处理一下

    var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;
    

    Trident是浏览器的内核,该内核常见的浏览器有IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0);360安全浏览器(1.0-5.0为Trident,6.0为Trident+Webkit,7.0为Trident+Blink)猎豹极轻浏览器360极速浏览器。其中IE11会有个rv:11.0的值,以此来辨别IE11

判断ie为某个版本

在IE11以下的浏览器中使用navigator.userAgent会得到这样的结果
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C; .NET4.0E)
其中的MSIE后面跟的数字 就是IE浏览器的版本号,例如:
IE8

IE9

具体完整的鉴别IE各个版本的操作代码为

function ifie(){var userAgent = navigator.userAgent;var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;if(isIE) {var reIE = new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);var fIEVersion = parseFloat(RegExp["$1"]);if(fIEVersion == 7) {return 7}else if(fIEVersion == 8) {return 8}else if(fIEVersion == 9) {return 9}else if(fIEVersion == 10) {return 10}} else if(isIE11){return 11}}

鉴别PC及移动端

还是利用navigator.userAgent来获取信息 当客户端是苹果的时候,会有iPhone的字段

如果是安卓的话,会有android的字段

从中也可以获取某个系统的版本如下图
为安卓5.0版本

完整的判断代码为

function ispc() {var userAgentInfo = navigator.userAgent;var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];var flag = true;for (var v = 0; v < Agents.length; v++) {if (userAgentInfo.indexOf(Agents[v]) > 0) {flag = false;break;}}if(window.screen.width>=768){flag = true;}return flag;
}

js判断浏览器及终端相关推荐

  1. JS 判断浏览器版本

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

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

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

  3. js判断浏览器是否安装或启用了flash的方法总结

    目录 # js判断浏览器是否安装或启用了flash的方法 # chrome浏览器启用flash插件的方法 # 参考 # js判断浏览器是否安装或启用了flash的方法 在传统浏览器,可以使用windo ...

  4. js判断浏览器类型,判断ie内核,webkit

    js判断浏览器类型 <script>function _mime(option, value) {const mimeTypes = navigator.mimeTypes;for (co ...

  5. js判断浏览器是否为IE

    js判断浏览器是否为IE的方法. function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var ...

  6. js判断浏览器环境、内核、载体、外壳、操作系统等

    我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问.项目中很多时候会遇到判断浏览器环境的问题,比如说微信浏览器/APP环境,ios/安卓环境:浏览器是JavaScrip ...

  7. js判断浏览器信息大全

    js判断浏览器信息大全,详情如下. 可以直接引入js文件. /** 描述:判断浏览器信息* 编写:LittleQiang_w* 日期:2016.1.5* 版本:V1.1*///判断当前浏览类型 fun ...

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

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

  9. javascript判断浏览器和终端类型,js如何区分手机、电脑终端和浏览器

    判断浏览器类型 复制代码代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) & ...

最新文章

  1. 软件工程概论 课堂练习 第3次作业3【画出“工资处理”子系统的结构图】
  2. mailto发送邮件
  3. 软件开发 thoughtworks 技术面_【软件开发】10月29日比赛详细预告
  4. kettle 连接 Oracle 异常
  5. html5在别的电脑上打不开,U盘在别台电脑上打不开的原因分析及解决
  6. 来一杯java_初级java笔试题
  7. [渝粤教育] 广东-国家-开放大学 21秋期末考试市场营销10256k2
  8. 周志华最新论文 | 深度森林:探索深度神经网络以外的方法
  9. mongoDB下载安装
  10. 电脑出现您的计算机配置似乎正确的,Win10提示你的计算机配置似乎是正确的怎么解决?...
  11. “看来少宇这家伙身上有着惊天的秘密啊
  12. Java——求解一元n次方程(V1.0)
  13. 林业工程抗旱造林技术
  14. Python用Requests爬虫实现截屏翻译
  15. Matlab --- 求解Ax=b时的反斜杠“\“,backslash
  16. 小程序源码:登录已修复零象垃圾废品回收微信小程序源码下载,V2.8.2完整全开源前端+后端
  17. UE4-地形材质函数创建及使用
  18. java波斯王子武者之心,波斯王子武者之心
  19. sql server 2019数据库安装包 免费下载
  20. 搭建动态网站( Discuz论坛)

热门文章

  1. matlab h(z)变换成h(t),用Matlab进行系统函数H(s)仿真.ppt
  2. 求助,如何创建个人网页(如,瞿忠洋的个人网页)
  3. 搅拌摩擦焊有限元仿真分析学习笔记(二)——(失败的)受力情况仿真及数据提取
  4. 吉利上半年成绩单里的两副面孔
  5. 基于XILINX FPGA芯片高速串行接口GTX学习笔记
  6. Blender图解教程:新手练习-酒瓶
  7. mysql身份证号出生年月计算年龄(周岁)
  8. Linux中的文件传输优化
  9. Unity开发OpenXR |(四)使用 OpenXR 制作一款 《保龄球Demo》加深对 Controller控制器 的理解使用
  10. 疫情下,普通人在互联网上还有机会吗?