在前端开发中，很多时候需要在多个设备上展示同一个页面，比如在会议、培训、展示等场景中。如果我们可以通过一个简单的方式将页面投射到多个屏幕上，那么这将是非常有用的。这里介绍一个 npm 包 airscreen，该包可以通过一个简单的命令将页面投射到多个设备上进行展示。
安装
npm install airscreen -g
安装完毕后，我们就可以在命令行中使用 airscreen 命令。
使用方法
运行 airscreen 命令，该命令会生成一个默认的二维码地址，我们可以通过扫描该地址来展示页面。
airscreen
如果需要自定义二维码或端口等参数，可以通过命令行参数进行设置。例如：
airscreen --port 5000 --name myscreen --qr http://example.com
此时 airscreen 会在 5000 端口监听，二维码地址为 http://example.com，投射屏幕的名称为 myscreen。
扫描二维码，即可在多个设备上投射页面。请确保投射的设备和投射屏幕处于同一网络中。
使用示例
-- -------------------- ---- -------
--------- -----
------
------
---------------- ---------------
----- --------------- --
----- --------------- ---------------------------- ---------------- --
-------
------
---------- ---------------
-------
-------在命令行中运行 airscreen 命令，即可生成默认的二维码地址。将二维码扫描到多个设备上，即可在多个设备上展示该页面。此时，多个设备上的页面均为相同的内容。
总结
npm 包 airscreen 为我们提供了一种简单的方式将页面投射到多个设备上展示。在会议、培训、展示等场景中，这将是非常有用的。需要注意的是，二维码地址应该保密，以免被恶意访问。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/97035