Window Resizer網頁視窗大小設定的Chrome擴充外掛,可自訂尺寸,用固定大小的視窗看網站、玩遊戲,也能用來測試RWD響應式網站設計,把畫面切換為iPhone 6S/14或Android手機版各種尺寸,或者進階測試畫面旋轉、彈出視窗等功能,方便檢視網站是否有跑版和改善使用者體驗。
前往安裝:Window Resizer視窗調整器(Chrome)
網頁視窗大小設定 教學
STEP1
使用Chrome瀏覽器,前往安裝「Window Resizer視窗固定尺寸工具」。
STEP2
點一下快速調整網頁畫面大小,除了2560*1440電腦版、1440*900平板,還有Android、iPhone各版本的手機尺寸。
STEP3
切換為行動裝置尺寸、旋轉模擬手機方向。
STEP4
自訂其他尺寸,方便測試RWD響應式網站。
你可能有興趣
◉模擬手機瀏覽器:『教學』看網頁在不同平台的顯示畫面
◉模擬各版本iPhone:appetize免費的線上iOS模擬器
◉將圖片放到手機、電腦、瀏覽器外框中:12款Mockup線上截圖合成工具