在前端开发中，我们常常需要对不同设备的视口尺寸进行测试。而 npm 包 viewportsizes 就是一个能够帮助我们轻松测试不同设备尺寸的工具。本文将会介绍如何使用 viewportsizes 这个 npm 包。
安装
使用 npm 进行安装：
npm install -g viewportsizes
基本用法
使用 viewportsizes 需要命令行来调用它。我们可以使用 vp 命令来打开一个浏览器窗口，并设置浏览器窗口的大小。
vp [width] [height]
width 和 height 都是可选参数，如果不设置，则默认为 800x600。
例如：
vp vp 1024 vp 1024 768
选项
--list：查看支持的设备--rotate：旋转屏幕--scale：设置缩放比例--file：打开指定文件--url：打开指定 URL
例如，我们可以使用以下命令查看 viewportsizes 支持的设备：
vp --list
使用以下命令在浏览器中打开指定 URL：
vp --url=http://www.example.com
示例
在命令行中输入以下命令：
vp 320 568 --rotate --scale=0.5 --url=http://www.example.com
这个命令将会：
- 打开一个 320x568 的浏览器窗口
- 旋转屏幕
- 设置缩放比例为 50%
- 打开 http://www.example.com 网站
总结
大家可以尝试使用 viewportsizes 这个 npm 包来测试不同设备的视口尺寸。通过本文的介绍，相信大家对它的基本用法和选项已经有了一定的了解。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/63791