測試除錯詞條 6-13
跨瀏覽器測試Cross-browser Testing
也常叫做：Cross-browser（直接用英文）、相容性測試、多瀏覽器
你可能會這樣說
網站在 Chrome 上完美無缺，朋友用 Safari 開卻整個歪掉。為什麼同一個網站，在不同瀏覽器上長得不一樣？
白話解釋
跨瀏覽器測試是確認網站在 Chrome、Safari、Edge 等不同瀏覽器上看起來都正常。各家瀏覽器解讀網頁的方式略有不同，同一份檔案可能長出不同的臉。
最省力的做法：至少用兩種瀏覽器各開一次，電腦的 Chrome 加上手機的 Safari，就能抓到大部分的問題。
發現跑版時，告訴 AI「哪個瀏覽器、哪個頁面、怎麼個歪法」，最好附上截圖，它才有辦法對症下藥。
親手試試
你開發時最常用的——問題最少的基準線。
先在這裡把功能全部做對，再去檢查別家。
先在這裡把功能全部做對，再去檢查別家。
最容易出事的一家：圓角、日期選擇器、畫面高度常和 Chrome 長得不一樣。
拿 iPhone 的朋友幫你開一次最準。
拿 iPhone 的朋友幫你開一次最準。
使用者較少但仍有人用。
沒裝也沒關係——排版用的是標準寫法時，通常不會差太多。
沒裝也沒關係——排版用的是標準寫法時，通常不會差太多。
至少兩家各開一次：電腦 Chrome＋手機 Safari。跑版時告訴 AI 三件事：哪一家、哪一頁、怎麼個歪法。
這樣對 AI 說
中文就可以
幫我列一份跨瀏覽器測試的基本清單，包含該測的瀏覽器和裝置。 我身邊只有電腦的 Chrome 和一支手機，請以這兩個為主，再告訴我哪些狀況要另外請朋友幫忙看。 之後我回報「某個瀏覽器上看起來怪怪的」，請先問我三件事：用哪個瀏覽器、哪個頁面、跟正常版差在哪。 修的時候優先處理大多數訪客用的瀏覽器，太罕見的先放著。