换个视角看世界--精准切换浏览器窗口尺寸

设计的朋友们经常会遇到这样的情况：需要在不同的屏幕分辨率下查看设计内容的显示情况（了解不同用户看到的产品效果）。最直接的方式就是更改自己电脑的分辨率，然后进行查看，当然这非常麻烦，不建议使用。

一种间接的方式是，通过调整浏览器的尺寸大小来实现在不同分辨率下的产品效果查看。当然，通过手动的拖拽去设置浏览器的尺寸大小，也是一件比较令人奔溃的事。

• 对主流分辨率（1360×768、1440×900、…） 的尺寸心里没数；
• 浏览器被拖拽后，其尺寸无从知晓；
• 即使通过工具测量得知了拖拽后浏览器的尺寸，要想得到相对精确地尺寸则需要进行多次拖拽与测量；
• ……
  下面介绍一种非常便捷的方式快速在不同分辨率下进行精准切换。

一、准备工作

1. 浏览器：火狐（指定浏览器）
2. 插件：Web Developer

二、安装

1. 安装火狐浏览器；
2. 打开火狐，将“Web Developer”（插件）拖入到火狐浏览器中，点击“立即安装”；
3. 重启浏览器，完成。

三、使用

1. 点击“窗口大小”，选择“编辑调整大小尺寸”。
   

   Paste_Image.png

2. 点击“添加”。
   

   Paste_Image.png

   描述：名称
   宽度（像素）：填写要设置的宽度
   高度（像素）：填写要设置的高度

3. 点击“确定”，在“Web Developer选项”中就能看到它。

   
   
   

   Paste_Image.png

   可对其进行：编辑、删除、往上移、往下移

4. “确定”后，在“窗口大小”里面就可以看到设置的窗口类型，点击即可对窗口进行切换。

   
   
   

   Paste_Image.png