設(shè)計的朋友們經(jīng)常會遇到這樣的情況:需要在不同的屏幕分辨率下查看設(shè)計內(nèi)容的顯示情況(了解不同用戶看到的產(chǎn)品效果)。最直接的方式就是更改自己電腦的分辨率梳猪,然后進行查看,當然這非常麻煩岖食,不建議使用啸胧。
一種間接的方式是,通過調(diào)整瀏覽器的尺寸大小來實現(xiàn)在不同分辨率下的產(chǎn)品效果查看诈茧。當然产喉,通過手動的拖拽去設(shè)置瀏覽器的尺寸大小,也是一件比較令人奔潰的事敢会。
- 對主流分辨率(1360×768曾沈、1440×900、…) 的尺寸心里沒數(shù)鸥昏;
- 瀏覽器被拖拽后塞俱,其尺寸無從知曉;
- 即使通過工具測量得知了拖拽后瀏覽器的尺寸吏垮,要想得到相對精確地尺寸則需要進行多次拖拽與測量障涯;
- ……
下面介紹一種非常便捷的方式快速在不同分辨率下進行精準切換。
一膳汪、準備工作
- 瀏覽器:火狐(指定瀏覽器)
- 插件:Web Developer
二唯蝶、安裝
- 安裝火狐瀏覽器;
- 打開火狐遗嗽,將“Web Developer”(插件)拖入到火狐瀏覽器中粘我,點擊“立即安裝”;
- 重啟瀏覽器痹换,完成征字。
三、使用
-
點擊“窗口大小”娇豫,選擇“編輯調(diào)整大小尺寸”匙姜。
-
點擊“添加”。
描述:名稱
寬度(像素):填寫要設(shè)置的寬度
高度(像素):填寫要設(shè)置的高度 -
點擊“確定”冯痢,在“Web Developer選項”中就能看到它氮昧。
可對其進行:編輯或详、刪除、往上移郭计、往下移
-
“確定”后霸琴,在“窗口大小”里面就可以看到設(shè)置的窗口類型,點擊即可對窗口進行切換昭伸。