js中强大的Navigator对象

定义

navigator：代表了用户代理的状态和身份，它允许脚本对其进行查询并注册自身以便执行某些活动。
额，看这个官方描述，让人有点捉摸不透。其实吧，navigator对象提供了有关浏览器的信息，包括浏览器的名称、版本、操作系统、用户代理字符串等等。我们平时用的最多的应该就是navigator.userAgent了吧，今天我们看一下他更多的应用。

复制与粘贴

navigator.clipboard.writeText('your_text').then(() => {
  message.success('复制成功');
}, () => {
  message.error('复制失败');
});

navigator.clipboard.readText().then((text) => {
  str.value = text;
}, () => {
  message.error('粘贴失败');
});

获取内存

navigator.deviceMemory

获取CPU核数

navigator.hardwareConcurrency

获取电池状态

navigator.getBattery().then((battery) => {
  console.log(battery.level); // 当前电量水平是...范围0-1
  let batteryIsCharging = battery.charging; // 是否在充电
  message.success(`当前电量: ${battery.level * 100}% —— 是否在充电: ${batteryIsCharging}`);
})

获取当前网络状态

navigator.onLine

这些都只是冰山一角，它还可以获取蓝牙，浏览器语言，GPU等等。

我的微信公众号： 梨的前端小屋