如何在本机反应中获取当前屏幕名称 - JavaScript

在 JavaScript 中，我们可以通过 window.screen 对象来获取一些有关屏幕的信息，如屏幕的高度和宽度等。但是，如果我们想要获取当前屏幕的名称，该怎么做呢？本文将向你介绍如何通过 JavaScript 在本机反应中获取当前屏幕名称。

解决方案

我们可以使用 navigator.mediaDevices.enumerateDevices() 方法来获取本机中的所有输入和输出设备。这个方法返回一个 Promise 对象，它的结果是一个数组，数组的每个元素都是一个表示设备信息的 MediaDeviceInfo 对象。每个 MediaDeviceInfo 对象都有一个 kind 属性，该属性表示设备是音频输入、音频输出、视频输入还是视频输出。我们只需要找到 kind 属性值为 "videooutput" 的那个设备，它就是当前屏幕所在的设备。

实现代码如下：

navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    const videoOutputs = devices.filter(device => device.kind === 'videooutput');
    const currentScreen = videoOutputs.find(output => output.label.includes('Screen'));
    console.log(currentScreen.label);
  })
  .catch(error => {
    console.error('failed to enumerate devices', error);
  });

上面的代码中，我们首先调用 navigator.mediaDevices.enumerateDevices() 方法来获取本机中的所有输入和输出设备。然后，我们使用 filter() 方法找出 kind 属性值为 "videooutput" 的所有设备，最后通过 find() 方法找到名称中包含 'Screen' 的那个设备，这个设备就是当前屏幕所在的设备。

Markdown 代码片段

## 解决方案

我们可以使用 `navigator.mediaDevices.enumerateDevices()` 方法来获取本机中的所有输入和输出设备。这个方法返回一个 Promise 对象，它的结果是一个数组，数组的每个元素都是一个表示设备信息的 MediaDeviceInfo 对象。每个 MediaDeviceInfo 对象都有一个 `kind` 属性，该属性表示设备是音频输入、音频输出、视频输入还是视频输出。我们只需要找到 `kind` 属性值为 `"videooutput"` 的那个设备，它就是当前屏幕所在的设备。

实现代码如下：

```javascript
navigator.mediaDevices.enumerateDevices()
  .then(devices => {
    const videoOutputs = devices.filter(device => device.kind === 'videooutput');
    const currentScreen = videoOutputs.find(output => output.label.includes('Screen'));
    console.log(currentScreen.label);
  })
  .catch(error => {
    console.error('failed to enumerate devices', error);
  });

上面的代码中，我们首先调用 navigator.mediaDevices.enumerateDevices() 方法来获取本机中的所有输入和输出设备。然后，我们使用 filter() 方法找出 kind 属性值为 "videooutput" 的所有设备，最后通过 find() 方法找到名称中包含 'Screen' 的那个设备，这个设备就是当前屏幕所在的设备。

以上就是如何在本机反应中获取当前屏幕名称的解决方案及其实现代码。