瀏覽器尺寸模擬插件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è)，點(diǎn)擊后會出現(xiàn)預(yù)置的分辨率，選擇即刻改變窗口大小，打開網(wǎng)頁試試該插件的效果吧。

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

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

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