Navigator 对象、如何获取用户的浏览器信息(UA)、常见浏览器的 User-Agent

最新推荐文章于 2024-04-28 10:07:38 发布
最新推荐文章于 2024-04-28 10:07:38 发布
阅读量6.4k 收藏 3
点赞数 1
分类专栏： Web前端开发 文章标签： navigator对 用户浏览器信息UA User-Agent
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QQ80583600/article/details/65444114
版权
  • Navigator 对象包含有关浏览器的信息，通常用于检测浏览器与操作系统的版本。。
  • 注意：来自navigator对象的信息具有误导性，特殊情况下不应该被用于检测浏览器版本，这是因为：
    • navigator数据可被浏览器使用者更改
    • 一些浏览器对测试站点会识别错误
    • 浏览器无法报告晚于浏览器发布的新操作系统

如何获取用户的浏览器信息(UA)？

(function whatBrowser() {

    var BrowserName     = navigator.appName; // 返回浏览器的名称。
    var BrowserCode     = navigator.appCodeName; // 返回浏览器的代码名。
    var BrowserVersion  = navigator.appVersion; // 返回浏览器的平台和版本信息。
    var BrowserAgent    = navigator.userAgent; // 返回由客户机发送服务器的 user-agent 头部的值。
    var BrowserCookie   = navigator.cookieEnabled; // 返回指明浏览器中是否启用 cookie 的布尔值。
    var BrowserOnline   = navigator.onLine; //返回指明系统是否处于脱机模式的布尔值。
    var BrowserPlatform = navigator.platform; // 返回运行浏览器的操作系统平台。
    var BrowserLanguage = navigator.language; // 返回 OS 的自然语言设置。

    console.log(BrowserName);
    console.log(BrowserCode);
    console.log(BrowserVersion);
    console.log(BrowserAgent);
    console.log(BrowserCookie);
    console.log(BrowserOnline);
    console.log(BrowserPlatform);
    console.log(BrowserLanguage);


    var browser = "Failed to identify the browser";
    if (BrowserAgent.indexOf("Firefox") > -1) {
        browser = "Firefox";
    } else if (BrowserAgent.indexOf("Chrome") > -1) {
        browser = "Chrome";
    } else if (BrowserAgent.indexOf("MSIE") > -1 && BrowserAgent.indexOf("Trident") > -1) {
        browser = "IE(8-10)";
    }
    console.log('用户浏览器名称：' + browser);
    console.log('用户浏览器版本：' + BrowserAgent);
})();

浏览器截图：

Markdown

PC端几种常见浏览器的 User-Agent

Opera

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36 OPR/26.0.1656.60
Opera/8.0 (Windows NT 5.1; U; en)
Mozilla/5.0 (Windows NT 5.1; U; en; rv:1.8.1) Gecko/20061208 Firefox/2.0.0 Opera 9.50
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; en) Opera 9.50

Firefox

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:34.0) Gecko/20100101 Firefox/34.0
Mozilla/5.0 (X11; U; Linux x86_64; zh-CN; rv:1.9.2.10) Gecko/20100922 Ubuntu/10.10 (maverick) Firefox/3.6.10

Safari

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2

chrome

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.16 (KHTML, like Gecko) Chrome/10.0.648.133 Safari/534.16

360

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/30.0.1599.101 Safari/537.36
Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko

淘宝浏览器

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/536.11 (KHTML, like Gecko) Chrome/20.0.1132.11 TaoBrowser/2.0 Safari/536.11

猎豹浏览器

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.71 Safari/537.1 LBBROWSER
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; LBBROWSER)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; QQDownload 732; .NET4.0C; .NET4.0E; LBBROWSER)”

QQ浏览器

Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; QQBrowser/7.0.3698.400)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; QQDownload 732; .NET4.0C; .NET4.0E)

sogou浏览器

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.84 Safari/535.11 SE 2.X MetaSr 1.0
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; SV1; QQDownload 732; .NET4.0C; .NET4.0E; SE 2.X MetaSr 1.0)

maxthon浏览器

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Maxthon/4.4.3.4000 Chrome/30.0.1599.101 Safari/537.36

UC浏览器

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/38.0.2125.122 UBrowser/4.0.3214.0 Safari/537.36

移动端几种常见浏览器的 User-Agent

IPhone

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

IPod

Mozilla/5.0 (iPod; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

IPAD

Mozilla/5.0 (iPad; U; CPU OS 4_2_1 like Mac OS X; zh-cn) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5
Mozilla/5.0 (iPad; U; CPU OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5

Android

Mozilla/5.0 (Linux; U; Android 2.2.1; zh-cn; HTC_Wildfire_A3333 Build/FRG83D) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Mozilla/5.0 (Linux; U; Android 2.3.7; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

QQ浏览器 Android版本

MQQBrowser/26 Mozilla/5.0 (Linux; U; Android 2.3.7; zh-cn; MB200 Build/GRJ22; CyanogenMod-7) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Android Opera Mobile

Opera/9.80 (Android 2.3.4; Linux; Opera Mobi/build-1107180945; U; en-GB) Presto/2.8.149 Version/11.10

Android Pad Moto Xoom

Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13

BlackBerry

Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en) AppleWebKit/534.1+ (KHTML, like Gecko) Version/6.0.0.337 Mobile Safari/534.1+

WebOS HP Touchpad

Mozilla/5.0 (hp-tablet; Linux; hpwOS/3.0.0; U; en-US) AppleWebKit/534.6 (KHTML, like Gecko) wOSBrowser/233.70 Safari/534.6 TouchPad/1.0

Nokia N97

Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 NokiaN97-1/20.0.019; Profile/MIDP-2.1 Configuration/CLDC-1.1) AppleWebKit/525 (KHTML, like Gecko) BrowserNG/7.1.18124

Windows Phone Mango

Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0; HTC; Titan)

UC浏览器

UCWEB7.0.2.37/28/999
NOKIA5700/ UCWEB7.0.2.37/28/999

UCOpenwave

Openwave/ UCWEB7.0.2.37/28/999

UC Opera

Mozilla/4.0 (compatible; MSIE 6.0; ) Opera/UCWEB7.0.2.37/28/999

白小明80583600
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
谷歌js获取当前计算机用户,JS获取当前浏览器（Chrome，Firefox）
weixin_39971132的博客
06-29 3820
微软的IE浏览器是Windows上默认安装的浏览器，大家都用过，在还没有Chrome浏览器的时候没觉得它怎么不好用，直到后来谷歌出了Chrome浏览器，嗯，真香。步骤1：在浏览器中打开https://github.com，在顶部的搜索栏中输入“chrome json”并开始搜索输入关键字时，使用浏览器名称与“json”作为关键字，且中间使用空格进行分隔。如上，偶然发现的，记录一下：Chrome 浏...
对User Agent的检测与模拟
08-02
- 客户端检测：JavaScript可以获取navigator.userAgent属性来获取当前浏览器的User Agent信息。 4. **模拟User Agent**： - 在Web开发中，开发者可能需要模拟不同浏览器的User Agent进行测试，确保其代码能在各种...
javascript通过navigator.userAgent识别各种浏览器
12-13
原理：根据navigator.userAgent返回值识别 实现： 代码如下: function validBrowser(){ var u_agent = navigator.userAgent; var browser_name=’Failed to identify the browser’; if(u_agent.indexOf(‘Firefox’)>-1){ browser_name=’Firefox’; }else if(u_agent.indexOf(‘Chrome’)>-1){ browser_name=’Chrome’; }else if(u_agent.indexOf(‘
Navigator：userAgent 属性获取设备浏览器信息
最新发布
qq_39454432的博客
04-28 1325
Navigator：userAgent 属性获取设备浏览器信息
uc浏览器的navigator.userAgent
qq_46595660的博客
08-22 936
不同版本的uc浏览器navigator.userAgent的输出结果
客户端检测之用户代理检测 — navigator.userAgent
weixin_33910434的博客
10-01 1012
前言 前端这东西，各种先有事实后有标准。不管是各大浏览器老哥各自为政，还是w3c姗姗来迟，既有事实标准难以更改。虽说多方割据，互相竞争，总比一家独大，爱更不更来得好。但却苦了我们这些平头小码农?，颈椎病又加深了啊。 之前阅读了《JavaScript高级程序设计》,今日准备将其用户代理检测源码部分做个归纳。 槽不多吐，开始正文！ 博文...
获取浏览器的ip地址
等夏天
11-24 5327
alert(returnCitySN["cip"] + ',' + returnCitySN["cname"]); alert(navigator.userAgent); alert(navigator.platform); alert(navigator.appName);
navigator.userAgent.toLowerCase() 判断当前用户所使用的浏览器
weixin_30553837的博客
06-27 1106
navigator是HTML的内置对象； userAgent是navigator的属性方法，可以返回客户机发送服务器的头部信息。作用是返回当前用户所使用的什么浏览器； toLowerCase()转换为小写。 区分Android、iphone、ipad： 1 var ua = navigator.userAgent.toLowerCase(); 2 if (/android|a...
javascript 判断是否是微信浏览器的方法
10-21
首先，我们来看最常用的第一种方法，即通过检查`navigator.userAgent`属性来识别用户代理（User-Agent）。User-Agent是一个HTTP头部字段，包含了浏览器类型、版本和操作系统等信息。微信内置浏览器在其User-Agent...
JavaScript判断微信浏览器实例代码
10-22
当页面加载完成时，如果用户使用微信浏览器，会在页面中显示User Agent信息： ```html <!DOCTYPE HTML> <meta charset="utf-8"/> 判断是否是微信内置浏览器 如果用微信浏览器打开可以看到下面的文字 <p></p...
js判断在哪个浏览器打开项目的方法
11-21
首先，我们要了解`navigator`对象，这是JavaScript中的一个内置对象，它提供了关于浏览器的信息，包括用户代理（User Agent）字符串。用户代理字符串是一段包含浏览器名称、版本号、操作系统等信息的文本，通过分析...
浏览器UA信息5万个包括有详细浏览器及版本号参数的一百个UA包括手机winLinux等
05-04
有详细浏览器参数的一百多个UA信息，以及5万个终端的 UA日志，供UA分析，设备类型获取，终端品牌分析，浏览器内核分析，web兼容性参考,等
用户代理字符串(navigator.userAgent)检测方法
weixin_30315723的博客
07-14 228
最近在看《JavaScript 高级程序设计（第三版）》，发现其中关于用户代理字符串检测技术的一些方法，觉得讲的很详细。用户代理字符串(navigator.userAgent)中包含了大量与浏览器有关的信息，通过对这些信息的解析，能够识别包括呈现引擎、平台、Windows操作系统，移动设备和游戏系统等信息。 以下是具体的代码： var client = function () { ...
navigator.userAgent.toLowerCase区分设备，浏览器
rhcjqmm666的博客
10-20 1149
navigator.userAgent.toLowerCase区分设备，浏览器
navigator 携带参数_Python爬虫中深不可测的ua参数，爬虫的身份证
weixin_39986169的博客
11-27 183
ua：UA的中文翻译是用户代理，全称是User Agent，简单来说是终端的环境信息如：Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1它是一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类...
BOM系列之Navigator对象
老__L的博客
07-30 1786
返回所使用浏览器的构建标识符。现代浏览器中，这个属性返回一个固定的时间戳作为私有的计量方法，比如 Firefox 64 及以后的版本返回 20181001000000。剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。
浅记js中的浏览器对象(windows,navigator,screen,location...)
欢迎来到我的博客站点
03-26 182
浏览器对象 window 属性 作用 innerWidth、innerHeight 获取窗口的内部宽度和高度 outerWidth、outerHeight 获取浏览器窗口的整个宽高 navigator 属性 作用 navigator.appName 浏览器名称； navigator.appVersion 浏览器版本 navigator.languag...
navigator.userAgent获取浏览器信息(类型及系统)
热门推荐
banana960531的博客
01-21 3万+
浏览器对于我们来说，可能是最熟悉的工具了。熟知的浏览器Firefox、Opera、Safari、IE、Chrome以外，据说世界上还有近百种浏览器。通常在开发的时候要做到兼容各种浏览器，因此提炼出判断浏览器类型及系统是很重要的。 先来看看什么是User-Agent？User-Agent是HTTP请求中的用户标识，一般发送一个能够代表客户端类型的字符串，比如浏览器类型 操作系统等信息。User-A...
使用JS 获取当前用户使用的浏览器信息以及操作系统版本信息
菜菜程序员
03-22 2718
说明： 浏览器更新快，有些代码可能会失效，需要你再次测试验证。 以下代码是我参照网友的代码进行改良整合而成。（由于项目时间急，没有记录所抄写代码的原作者，请原谅。。。） 系统版本 只测试了 Windows系统 ，IE浏览器 只测试了 IE9-IE最新版。Safari（苹果）浏览器仅测试了win版。 可以获取 用户当前浏览器的名称、(基于)内核版本号、（自身...
JavaScript获取浏览器内核的代码
05-20
JavaScript本身无法直接获取浏览器内核信息，但可以通过判断浏览器的User Agent来推测浏览器内核类型。以下是一段示例代码： ```javascript function getBrowserEngine() { var ua = window.navigator.userAgent; if (ua.indexOf("Trident") !== -1) { return "Trident"; // IE浏览器内核 } else if (ua.indexOf("Edge") !== -1) { return "EdgeHTML"; // Edge浏览器内核 } else if (ua.indexOf("AppleWebKit") !== -1 && ua.indexOf("Chrome") === -1 && ua.indexOf("OPR") === -1) { return "WebKit"; // Safari浏览器内核 } else if (ua.indexOf("Gecko") !== -1 && ua.indexOf("KHTML") === -1) { return "Gecko"; // Firefox浏览器内核 } else { return "unknown"; // 未知内核 } } var engine = getBrowserEngine(); console.log(engine); // 输出浏览器内核类型 ``` 需要注意的是，浏览器的User Agent可以被伪造，因此以上方式并不是100%准确。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值