Navigator 对象

window.navigator属性指向一个包含浏览器和系统信息的 Navigator 对象。脚本通过这个属性了解用户的环境信息

Navigator.userAgent

navigator.userAgent属性返回浏览器的 User Agent 字符串，表示用户设备信息，包含了浏览器的厂商、版本、操作系统等信息

xxxxxxxxxx
navigator.userAgent
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36'

过userAgent可以大致准确地识别手机浏览器，方法就是测试是否包含mobi字符串

xxxxxxxxxx
var ua = navigator.userAgent.toLowerCase();

if (ua.indexOf("mobi") > -1) {
  // 手机浏览器
} else {
  // 非手机浏览器
}

Navigator.plugins

Navigator.plugins属性返回一个类似数组的对象，成员是 Plugin 实例对象，表示浏览器安装的插件，比如 Flash、ActiveX 等

xxxxxxxxxx
var pluginsLength = navigator.plugins.length;

for (var i = 0; i < pluginsLength; i++) {
  console.log(navigator.plugins[i].name);
  console.log(navigator.plugins[i].filename);
  console.log(navigator.plugins[i].description);
  console.log(navigator.plugins[i].version);
}

Navigator.platform

Navigator.platform属性返回用户的操作系统信息，比如MacIntel、Win32、Linux x86_64等

xxxxxxxxxx
navigator.platform
// 'Win32'

Navigator.language，Navigator.languages

Navigator.language属性返回一个字符串，表示浏览器的首选语言。该属性只读

xxxxxxxxxx
navigator.language
// 'zh-CN'

Navigator.languages属性返回一个数组，表示用户可以接受的语言

xxxxxxxxxx
navigator.languages  
// ['zh-CN', 'zh']

实时效果反馈

1. 下列代码是判断打开浏览器的设备是手机还是电脑，横线处填写代码是：

xxxxxxxxxx
var ua = navigator.userAgent.toLowerCase();
if (ua.___("mobi") > -1) {
  // 手机浏览器
} else {
  // 非手机浏览器
}

A userAgent

B indexOf

C substring

D plugins

答案

1=>B