瀏覽器尺寸模擬插件Window Resizer

對于網(wǎng)頁設(shè)計師和開發(fā)人員來說不同分辨率的屏幕適配真的很費(fèi)事，這里西西提供的這款Window Resizer插件可以幫你模擬各種分辨率下的頁面尺寸，讓開發(fā)人員可以在不同的瀏覽器分辨率下對布局進(jìn)行測試。

主要功能：

1、自定義預(yù)設(shè)
完全可定制的設(shè)備列表：添加，編輯，刪除和重新排序預(yù)設(shè)，以滿足您自己的需求。
2、旋轉(zhuǎn)工具
快速交換視口的寬度和高度，以模擬設(shè)備方向更改。
3、鍵盤友好
僅使用鍵盤打開并瀏覽彈出窗口，或為您使用最多的工具分配全局快捷方式。
4、保持同步
自動在所有設(shè)備上同步您的設(shè)置，或手動導(dǎo)出或?qū)�入設(shè)置。
5、實時測量
在重新調(diào)整窗口大小時，顯示一個顯示當(dāng)前視口和窗口尺寸的工具提示。
6、眼睛易看
清潔、易于使用和敏感的UI，在常規(guī)和高DPI屏幕上看起來不錯。

使用方法：

1、首先在標(biāo)簽頁輸入【chrome://extensions/】進(jìn)入chrome擴(kuò)展程序，解壓你在西西下載的window resizer插件，并拖入擴(kuò)展程序頁即可。

2、安裝后的擴(kuò)展會出現(xiàn)在地址欄右側(cè)，點擊后會出現(xiàn)預(yù)置的分辨率，選擇即刻改變窗口大小，打開網(wǎng)頁試試該插件的效果吧。

3、進(jìn)入網(wǎng)頁后，點擊界面右上角的插件圖標(biāo)即可使用該插件的功能，通過點擊插件窗口中的任意一種窗口比例就能將瀏覽器窗口變成相應(yīng)的大小。

4、在瀏覽器窗口大小改變后，你還可以通過插件窗口中右側(cè)的按鈕來實時查看瀏覽器窗口大小或是將該頁在新窗口中打開。

5、當(dāng)然，若是想要調(diào)整該插件的一些功能，還可以通過進(jìn)入選項窗口來設(shè)置該插件的圖標(biāo)樣式、窗口比例調(diào)整等多種設(shè)置。