@Navigator对象

$属性

navigator.appCodeName // 浏览器名称大多都是Mozilla

navigator.appName // 完整的浏览器名称

navigator.appVersion // 浏览器版本，一般不与实际的浏览器版本对应

navigator.cookieEnabled // 表示cookie是否启用

navigator.cpuClass // 客户端计算机使用的CPU类型

navigator.javaEnabled() // 表示当前浏览器中是否启用了java

navigator.language // 浏览器的主语言

navigator.systemLanguage // 操作系统的语言

navigator.userLanguage // 操作系统的默认语言

navigator.mimeTypes // 在浏览器中注册的MIME类型的数组

navigator.onLine // 浏览器是否联网

navigator.platform // 浏览器所在的系统平台

navigator.plugins // 浏览器中安装的插件信息的数组

navigator.product // 产品名称(如Gecko)

navigator.productSub // 关于产品的次要信息(如Gecko的版本)

navigator.vendor // 浏览器的品牌

navigator.vendorSub // 有关供应商的次要信息

navigator.registerProtocolHandler() // 针对特定的协议，将一个站点注册为处理程序

navigator.oscpu 返回当前操作系统名。

navigator.userAgent // 浏览器的用户代理信息

$方法

javaEnabled()　　规定浏览器是否支持并启用了 javataintEnabled()　　规定浏览器是否启用数据污点(data tainting)

一、获取浏览器用户代理信息`navigator.userAgent`

const userAgent = navigator.userAgent;console.log(userAgent);
//我这用的谷歌
//Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36

二、获取运行浏览器的操作系统或硬件平台`navigator.platform`

const platform = navigator.platform;console.log(platform);//Win32

三、判断浏览器类型

（Opera、Firefox、Chrome、Safari）

let userAgent= navigator.userAgent;//获取
console.log(userAgent);
if (userAgent.indexOf("Opera") > -1) { // 判断是否是Opera浏览器console.log("Opera");
};
if (userAgent.indexOf("Firefox") > -1) { // 判断是否是Firefox浏览器console.log("Firefox");
}
if (userAgent.indexOf("Chrome") > -1) { // 判断是否是Chrome浏览器console.log("Chrome");
}
if (userAgent.indexOf("Safari") > -1) {    // 判断是否是Safari浏览器console.log("Safari");
}
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1) {console.log("IE");      // 判断是否是IE浏览器

判断是Android或者iOS

 if (/(Android)/i.test(navigator.userAgent)) {return 'Android'} else if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {return 'iOS'}

判断是否是微信浏览器

if (/(MQQBrowser)/i.test(navigator.userAgent)) {return true} else {return false}

 if (/(micromessenger)/i.test(navigator.userAgent)) {return true} else {return false}

四、判断是手机端、平板还是PC

const type = function (){var ua = navigator.userAgent,isWindowsPhone = /(?:Windows Phone)/.test(ua),isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,isAndroid = /(?:Android)/.test(ua),isFireFox = /(?:Firefox)/.test(ua),isChrome = /(?:Chrome|CriOS)/.test(ua),isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),isPhone = /(?:iPhone)/.test(ua) && !isTablet,isPc = !isPhone && !isAndroid && !isSymbian;return {isTablet: isTablet,isPhone: isPhone,isAndroid: isAndroid,isPc: isPc};}();if (type.isAndroid || type.isPhone) {console.log("手机")} else if (os.isTablet) {console.log("平板")} else if(os.isPc) {console.log("电脑")}

五、判断手机机型（移动端解决兼容问题常用）

    const type = navigator.userAgentconst phone = type.indexOf("Android") > -1 || type.indexOf("Adr") > -1console.log(phone)

六、通过屏幕尺寸来进行浏览器类型判断

Navigator对象，获取浏览器类型userAgent，机器类型platform相关推荐

如何获取浏览器的user-agent
爬取网页信息需要获取header,即user-agent,以下是两种获取浏览器user-agent的方法方法一: 以chrome为例,在地址栏输入about:version,即可出现如下信息. 用户 ...
爬虫之获取浏览器的User-Agent步骤
User-Agent 的值包含操作系统版本.浏览器版本等信息,如果爬虫发起请求的时候不携带User-Agent,那么就很难得到一个正确的response(响应). 第一步: 打开一个浏览器,随便到一个 ...
Web开发兼容性系列文章（一）：不同设备浏览器的userAgent值大全
Web开发兼容性系列文章(一):不同设备浏览器的userAgent值大全 Posted on 2011-07-22 12:37 随它去吧阅读(1388) 评论(11) 编辑收藏 http://ww ...
【web开发】利用User-Agent获取浏览器类型
今晚学了User-Agent简称UA.通过这个请求头可以获取浏览器的类型. String userAgent = request.getHeader("User-Agent");S ...
JS获取浏览器类型和版本信息
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
前端：JS获取浏览器类型类库
1.判断终端类型 isIos () {var u = navigator.userAgent;if (u.indexOf('Android') > -1 || u.indexOf('Linux' ...
php 判断百度浏览器版本,jquery获取浏览器类型和版本号的方法
分享一个通过jquery获取浏览器类型和浏览器版本号的函数方法.具体jquery代码如下: $(document).ready(function(){ varbrow=$.browser; varbI ...
UG\NX二次开发获取工作部件下所有对象的类型和子类型 UF_OBJ_ask_type_and_subtype
文章作者:里海来源网站:https://blog.csdn.net/WangPaiFeiXingYuan 简介: UG\NX二次开发获取工作部件下所有对象的类型和子类型,使用函数 UF_OBJ_a ...
navigator 与语言相关的属性在各大浏览器的差异，及获取浏览器语言的正解
问题描述各浏览器对 navigator 对象中几个与语言相关的属性(language.userLanguage.browserLanguage. systemLanguage)的返回值存在很大的差异 ...
Navigator 对象，能够清楚地知道浏览器的相关信息
Navigator 对象属性 appCodeName属性功能:返回浏览器的代码名.该属性是一个只读的字符串. 语法:navigator.appCodeName 总结:在所有以Netscape代码为基 ...

Navigator对象，获取浏览器类型userAgent，机器类型platform

文章目录

@Navigator对象

$属性

$方法

一、获取浏览器用户代理信息`navigator.userAgent`

二、获取运行浏览器的操作系统或硬件平台`navigator.platform`

三、判断浏览器类型

四、判断是手机端、平板还是PC

五、判断手机机型（移动端解决兼容问题常用）

六、通过屏幕尺寸来进行浏览器类型判断

Navigator对象，获取浏览器类型userAgent，机器类型platform相关推荐

最新文章

热门文章

Navigator对象，获取浏览器类型userAgent，机器类型platform

文章目录

@Navigator对象

$属性

$方法

一、获取浏览器用户代理信息navigator.userAgent

二、获取运行浏览器的操作系统或硬件平台navigator.platform

三、 判断浏览器类型

四、判断是手机端、平板还是PC

五、 判断手机机型（移动端解决兼容问题常用）

六、通过屏幕尺寸来进行浏览器类型判断

Navigator对象，获取浏览器类型userAgent，机器类型platform相关推荐

最新文章

热门文章

一、获取浏览器用户代理信息`navigator.userAgent`

二、获取运行浏览器的操作系统或硬件平台`navigator.platform`

三、判断浏览器类型

五、判断手机机型（移动端解决兼容问题常用）