設(shè)計的朋友們經(jīng)常會遇到這樣的情況：需要在不同的屏幕分辨率下查看設(shè)計內(nèi)容的顯示情況（了解不同用戶看到的產(chǎn)品效果）。最直接的方式就是更改自己電腦的分辨率，然后進(jìn)行查看，當(dāng)然這非常麻煩，不建議使用。

一種間接的方式是，通過調(diào)整瀏覽器的尺寸大小來實現(xiàn)在不同分辨率下的產(chǎn)品效果查看。當(dāng)然，通過手動的拖拽去設(shè)置瀏覽器的尺寸大小，也是一件比較令人奔潰的事。

• 對主流分辨率（1360×768、1440×900、…） 的尺寸心里沒數(shù)；
• 瀏覽器被拖拽后，其尺寸無從知曉；
• 即使通過工具測量得知了拖拽后瀏覽器的尺寸，要想得到相對精確地尺寸則需要進(jìn)行多次拖拽與測量；
• ……
  下面介紹一種非常便捷的方式快速在不同分辨率下進(jìn)行精準(zhǔn)切換。

一、準(zhǔn)備工作

1. 瀏覽器：火狐（指定瀏覽器）
2. 插件：Web Developer

二、安裝

1. 安裝火狐瀏覽器；
2. 打開火狐，將“Web Developer”（插件）拖入到火狐瀏覽器中，點擊“立即安裝”；
3. 重啟瀏覽器，完成。

三、使用

1. 點擊“窗口大小”，選擇“編輯調(diào)整大小尺寸”。
   Paste_Image.png

2. 點擊“添加”。
   Paste_Image.png

   描述：名稱
   寬度（像素）：填寫要設(shè)置的寬度
   高度（像素）：填寫要設(shè)置的高度

3. 點擊“確定”，在“Web Developer選項”中就能看到它。

   
   
   Paste_Image.png

   可對其進(jìn)行：編輯、刪除、往上移、往下移

4. “確定”后，在“窗口大小”里面就可以看到設(shè)置的窗口類型，點擊即可對窗口進(jìn)行切換。

   
   
   Paste_Image.png