Navigator 对象:包含有关浏览器的信息,所有浏览器都支持该对象
对象属性参考:https://www.w3school.com.cn/jsref/dom_obj_navigator.asp

属性 描述
appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。

userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值
各个浏览器关于userAgent属性的值:
1、谷歌
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36
2、火狐
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:88.0) Gecko/20100101 Firefox/88.0
3、360极速模式
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36
4、IE11 360兼容模式
Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0; rv:11.0) like Gecko
5、IE浏览器10
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0)
6、IE浏览器9
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0)
7、IE浏览器8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0)
8、IE浏览器7
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0)
9、IE浏览器5
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0)

function myBrowsr(){var userAgent = navigator.userAgent.toLocaleLowerCase(); //取得浏览器的userAgent字符串并转换为小写//360浏览器,以往检测方式,现在360的usrAgent与谷歌返回一样,无法检测/*if( userAgent.indexOf("360ee") > -1 || userAgent.indexOf("360se") > -1 ){return "360"}*///新检测,不确定是否100%检测出一定是360浏览器if( is360() ){return "360"}//谷歌浏览器if( userAgent.indexOf("chrome")>-1 && userAgent.indexOf("safari")>-1 && !is360() ){return "chrome"}//火狐浏览器if( userAgent.indexOf("firefox")>-1 ){return "firefox"}//欧朋浏览器if( userAgent.indexOf("opera")>-1 || userAgent.indexOf('opr') > -1 ){return "opera"}//safari浏览器if( userAgent.indexOf("safari")>-1 && userAgent.indexOf("chorome") === -1 && !is360() ){return "safar"}//IE11浏览器if( userAgent.indexOf("trident")>-1 && userAgent.indexOf("rv:11.0") > -1 ){return "ie11"}//IE浏览器if( userAgent.indexOf("compatible")>-1 && userAgent.indexOf("msie") > -1 ){return "ie"}//UC浏览器if( userAgent.indexOf("ucbrowser")>-1 && userAgent.indexOf("ubrowser") > -1 ){return "uc"}//微信浏览器if( userAgent.indexOf("micromessenger")>-1 ){return "wechat"}
}
function is360(){var mType=navigator.mimeTypes;for(let i=0; i<mType.length;i++){if(mType[i].type.indexOf("360soft")>-1){return 1}else{return 0}}
}
console.log('我是'+myBrowsr()+'浏览器');
//判断系统
function myOS(){var userAgent = navigator.userAgent.toLocaleLowerCase(); //取得浏览器的userAgent字符串并转换为小写if( userAgent.indexOf( "compatible" )>-1 || userAgent.indexOf("windows")>-1 ){return 'windows';}else if( userAgent.indexOf("macintosh")>-1 && userAgent.indexOf("macintel")>-1){return "macOS";}else if( userAgent.indexOf("iphone")>-1 ){return "ios";}else if( userAgent.indexOf("android")>-1 ){return 'android';}else if(userAgent.indexOf('ipad')>-1){return 'ipad';}else{return "other";}
}
console.log('我是'+myOS());

浏览器及手机版本型号判断相关推荐

  1. android note4 android版本,三星Note4有几个版本?国行三星Note4手机版本型号汇总介绍...

    三星Note4版本型号众多,并且由于网络.CPU.单双卡都可能有所不同,因此很多朋友很难高清楚.下面为大家罗列了国行三星Note4版本型号大全,希望对购机友有所参考. 三星Note4是今年九月份,三星 ...

  2. PHP获取客户端设备类型,浏览器版本型号,IP地址,具体地理位置信息

    客户端设备类型(Windows.Mac.ihpone.Android.Linux等) //客户端设备类型(Windows.Mac.ihpone.Android.Linux等)function getC ...

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

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

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

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

  5. php 判断app浏览器打开,手机浏览器下判断是否安装某app,并判断是否打开该应用...

    今天在做前端输出的时候,需要和app的做些对接工作.就是在手机浏览器中下载某app时,能判断该用户是否安装了该应用.如果安装了该应用,就直接打开该应用:如果没有安装该应用,就下载该应用. 那么下面就对 ...

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

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

  7. JavaScript判断浏览器类型及版本

    JavaScript判断浏览器类型及版本 你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有 ...

  8. 判断浏览器类型及版本

    公司前段时间做项目需要判断浏览器,因为项目进度急暂时只支持一种浏览器 使用window.navigator.userAgent属性,但是在国产浏览器上遇到了问题,下面这段代码只能判断内核,但是我想判断 ...

  9. 浏览器的内核及版本的判断

    通过jquery 判断浏览器的内核及版本号<script type="text/javascript">$(function () {if ($.browser.msi ...

最新文章

  1. Windows系统下安装Thrift的方法
  2. English trip -- Review Unit1 Personal Information 个人信息
  3. 如何判断网站设计是否优质?
  4. Linux ubuntu16.04 安装opencv4教程(源码编译)
  5. python中ndim是什么_Numpy中ndim、shape、dtype、astype的用法详解
  6. Linus 将 Linux 的软盘驱动 floppy 标记为“孤立”状态
  7. 腾讯京东要建“反阿里联盟”?Python 或成 Excel 官方脚本语言;百度华为在一起 | 一周业界事
  8. 按键编码ASCII对照表
  9. 诺基亚困境,力掐苹果?
  10. [分享]屏幕取色工具
  11. linux 内核恐慌,linux – CentOS 6.5 mdadm Raid 1 – raid数据检查期间的内核恐慌
  12. 简单实用的微信缓存框架mmkv
  13. 电脑上微信怎么双开_【干货分享】电脑版微信怎么双开、多开~
  14. python eml解析_使用 python eml-parser 对 eml文件进行格式化
  15. 私有云服务器和公有云服务器有什么区别
  16. web前端面试学习指南
  17. 首届西瓜PLAY视频嘉年华狂欢来袭,万张门票几近售罄
  18. php调用接口及编写接口
  19. minikube踩坑记
  20. 安装程序无法继续,因为你的计算机上安装了更新的Internet Explorer版本

热门文章

  1. ESP32 开发之旅③ Ticker——定时库
  2. 命令行mysql数据库备份_MySQL命令行备份数据库
  3. ProxmoxVE7.0+Ceph15.2集群搭建
  4. 阿里大规模涨薪?阿里员工:真香!网友:酸了!知情人:背后另有隐情!
  5. 北航计算机技术硕士含金量,中科院软件工程的工程硕士含金量怎么样?对比清华,北大,北邮和北航?...
  6. 【仅供参考】资源共享汇总
  7. 金融量化-对数收益率
  8. 几种点云(网格)孔洞填充方法(1)
  9. 基于Arria10的H.264 4K高性能编解码器模块视频演示
  10. 计算机键盘怎么换键,笔记本电脑如何切换键盘_笔记本切换键盘的步骤-win7之家...