01QA 流程
響應式網站上線前測試清單
用一套精簡但完整的流程,檢查版面、互動、內容、效能及無障礙問題。
VIEWPORT STUDIO GUIDES
由測試矩陣、常用尺寸到瀏覽器差異,逐步建立可重複、可交付的響應式網站 QA 流程。
所有指南
用一套精簡但完整的流程,檢查版面、互動、內容、效能及無障礙問題。
理解 CSS viewport、裝置像素及斷點的分別,建立精簡而有覆蓋力的尺寸組合。
從瀏覽器引擎、動態工具列到表單控制,了解為何同一尺寸仍可能出現不同結果。
正確處理瀏海、圓角、Dynamic Island 及底部手勢區域,避免內容被遮擋。
理解 X-Frame-Options、CSP、登入 Cookie 及跨來源限制,分辨工具問題與網站安全設定。
避免只為手機優化;檢查超寬留白、內容行長、圖片清晰度及高密度顯示。