響應式佈局檢測
用 iframe 按指定视口预览。目标站点若禁止嵌入（X-Frame-Options / CSP），预览将空白，属对方站点策略。
響應式預覽是什麼？
響應式預覽工具透過 iframe 依指定視口尺寸載入網頁，模擬手機、平板、筆電等常見裝置的螢幕來檢查頁面版面。內建 iPhone SE、iPhone 12/13、iPad、筆電、桌上型電腦、全高畫質等預設尺寸，也可手動輸入寬高。
主要功能
- 內建 iPhone、iPad、筆電、桌面與全高畫質等常用裝置預設
- 寬度、高度（200-4000px）可自訂輸入
- 沒有協定的網址會自動補上 https://
- iframe 預覽，尺寸調整立即生效
- 提供一鍵範例與清空功能
使用情境 / 注意事項
適合在改版或串接測試時快速確認頁面在不同螢幕尺寸下的呈現。預覽會受目標網站政策限制，對方若設定 X-Frame-Options 或 CSP 禁止嵌入，頁面會顯示空白，這是網站自身的政策，不是本工具的問題。
如何使用
- 輸入要預覽的網頁網址
- 選擇裝置預設或手動填寫寬高
- 點預覽，頁面即會在對應視口下載入