引言
在前端开发中，经常需要对网页进行美化、交互设计等等。有时候需要使用到屏幕的分辨率、缩放等信息才能编写出更加适合不同终端的网页。本文将介绍如何使用 npm 包 @nodert-win10/windows.system.display 获取 Windows 10 系统屏幕的相关信息。
安装
该 npm 包只支持 Windows 10 系统，需要在 Windows 10 系统下进行安装。
在命令行工具中使用 npm 命令安装：
npm install @nodert-win10/windows.system.display
使用
在代码中引入该包：
const display = require('@nodert-win10/windows.system.display')屏幕分辨率
使用 getDisplayResolution() 方法获取当前显示器的分辨率，返回 Promise：
display.getDisplayResolution().then(resolution => {
console.log(resolution); // { width: 1920, height: 1080 }
})缩放比例
使用 getDisplayScaleFactor() 方法获取当前显示器的缩放比例，返回 Promise：
display.getDisplayScaleFactor().then(scaleFactor => {
console.log(scaleFactor); // 125
})屏幕方向
使用 getDisplayOrientation() 方法获取当前屏幕的方向，返回 Promise：
display.getDisplayOrientation().then(orientation => {
console.log(orientation); // landscape
})屏幕所有相关信息
使用 getDisplayInfo() 方法获取当前显示器的所有相关信息，返回 Promise：
-- -------------------- ---- -------
---------------------------------- -- -
------------------
--
-
------------ ------
----------- - ------ ----- ------- ---- --
------------ ----
------------ ------------
----- -
----- --
---- --
------ -----
------- ----
-
-
--
--示例代码
下面是一个简单的示例代码，获取屏幕分辨率和缩放比例并展示在网页中：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------------------------- ------------
-------
---- -
---------- -----
------ -----
-
---------- -
------- ------
-------- -----
---------------- -------
------------ -------
-
--------
-------
------
---- ------------------
------------ ---------------------------
------------- -----------------------------
------
------- --------------------------
-------
--------- -------------------- ---- ------- ----- ------- - ----------------------------------------------- ---------------------------------------------- -- - ------------------------------------------------- - -------------------- - --------------------- -- ------------------------------------------------ -- - -------------------------------------------------- - ----------- --
结论
本文介绍了如何使用 npm 包 @nodert-win10/windows.system.display 获取 Windows 10 系统屏幕的相关信息。希望本文对于前端开发人员有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bce967216659e244bba