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