设计的朋友们经常会遇到这样的情况：需要在不同的屏幕分辨率下查看设计内容的显示情况（了解不同用户看到的产品效果）。最直接的方式就是更改自己电脑的分辨率，然后进行查看，当然这非常麻烦，不建议使用。
一种间接的方式是，通过调整浏览器的尺寸大小来实现在不同分辨率下的产品效果查看。当然，通过手动的拖拽去设置浏览器的尺寸大小，也是一件比较令人奔溃的事。
- 对主流分辨率（1360×768、1440×900、…） 的尺寸心里没数；
- 浏览器被拖拽后，其尺寸无从知晓；
- 即使通过工具测量得知了拖拽后浏览器的尺寸，要想得到相对精确地尺寸则需要进行多次拖拽与测量；
- ……
下面介绍一种非常便捷的方式快速在不同分辨率下进行精准切换。
一、准备工作
- 浏览器：火狐（指定浏览器）
- 插件：Web Developer
二、安装
- 安装火狐浏览器；
- 打开火狐，将“Web Developer”（插件）拖入到火狐浏览器中，点击“立即安装”；
- 重启浏览器，完成。
三、使用
-
点击“窗口大小”，选择“编辑调整大小尺寸”。Paste_Image.png
-
点击“添加”。Paste_Image.png
描述：名称
宽度（像素）：填写要设置的宽度
高度（像素）：填写要设置的高度 -
点击“确定”，在“Web Developer选项”中就能看到它。
Paste_Image.png可对其进行：编辑、删除、往上移、往下移
-
“确定”后，在“窗口大小”里面就可以看到设置的窗口类型，点击即可对窗口进行切换。
Paste_Image.png
