响应式设计测试工具
免费的在线响应式设计测试工具，无需安装。可在多种设备视口中测试页面。
關於響應式設計測試器
響應式設計測試器可預覽網站在不同螢幕尺寸下的外觀。輸入網址，選擇手機、平板或桌面解析度等裝置預設，或自行設定寬高，頁面就會在指定尺寸的方框中呈現。你可以在直向和橫向之間切換，並隨時旋轉。它是一種無需調整瀏覽器視窗即可快速檢查版面在各種常見斷點下表現的方式。
使用方法
1. 輸入網站網址並點擊「載入」 2. 選擇裝置預設，或選擇「自訂」並輸入寬高 3. 對預設可在直向和橫向之間切換，或使用「旋轉」 4. 檢視頁面在該尺寸的預覽方框中呈現
最佳效果建議
預設涵蓋了從手機到全高畫質桌面的常見尺寸，符合大多數版面所針對的斷點。當需要清單中沒有的精確像素尺寸時，使用「自訂」。請注意，部分網站拒絕被內嵌，會顯示空白方框——這是網站自身的安全設定，並非工具的問題。允許內嵌的頁面會完整呈現並保持可互動。
▶為什麼有些網站的預覽是空白的？
許多網站基於安全會傳送禁止在其他頁面框架中顯示的標頭。此時預覽保持空白，這是網站的限制，而非工具的問題。
▶有哪些裝置尺寸？
多種常見預設：小尺寸和大尺寸手機、兩種平板，以及桌面 HD 和全高畫質解析度。「自訂」選項可輸入任意寬高。
▶直向和橫向如何運作？
選中預設後，可在直向和橫向之間切換，會交換寬高。「旋轉」按鈕可瞬間在兩者間翻轉。
▶預覽是可互動的嗎？
是的。頁面執行在允許指令碼和表單的沙盒框架中，你可以像在真實裝置尺寸上那樣點擊連結、捲動和填寫輸入。
▶它會改變我真實的瀏覽器尺寸嗎？
不會。該工具只調整自己的預覽方框；你的瀏覽器視窗保持不變。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。