Developer tool / Local preview
響應式網頁
預覽模擬器
分開編輯 HTML、CSS 與 JavaScript，快速檢查手機、平板、筆電與桌機版面。也可以輸入自己的尺寸，確認真正的響應式斷點。
- 瀏覽器本機執行
- 可自訂裝置尺寸
- 可下載完整 HTML
Source
程式碼
Ctrl／⌘＋Enter 執行
Viewport
裝置預覽
How to use
三步檢查響應式版面
- 01貼上程式碼
將結構、樣式與互動分別放入 HTML、CSS、JavaScript 編輯區。
- 02切換尺寸
使用常見裝置，或輸入自訂寬高並拖曳寬度滑桿。
- 03修正斷點
確認文字、導覽、表格與按鈕沒有溢出或難以操作。
隱私說明：編輯內容儲存在這台裝置的瀏覽器，不會由本站上傳。若你貼入的程式碼本身載入外部圖片、API 或其他資源，瀏覽器仍會依該程式碼發出網路請求。