瀏覽器與相容性

這個問題的答案，十年前和現在完全不同

早期網頁設計的一大工作量，是處理各家瀏覽器的差異，尤其是舊版 Internet Explorer 的種種特殊行為。當時「支援到 IE 幾」是報價單上會註明的項目。

現在情況簡單很多：主流瀏覽器都採用相近的標準，差異已經小到多數情況下不需要特別處理。

目前需要考慮的瀏覽器

其中最需要實機測試的是 iPhone 上的 Safari。它與其他瀏覽器的核心不同，在表單元件、影片播放、部分版面行為上會有自己的表現方式。用電腦模擬不一定測得出來。

Internet Explorer 已經退場

微軟已終止 Internet Explorer 的支援，Windows 也已改以 Edge 為預設瀏覽器。現在製作新網站不需要再考慮 IE 相容性。

這對網站架設的實際影響是正面的：省下的相容處理成本可以投入在實際的功能與設計上，也能使用較新的網頁技術做出更好的版面與效果。

如果公司內部還在用 IE 呢？

少數企業因為內部系統的歷史因素，仍指定用 IE 或相容模式操作某些系統。這種情況請把「內部系統」與「公司官網」分開看待——官網的訪客是外部客戶，不需要為了內部的特殊環境犧牲一般訪客的體驗。

若內部系統確實有此需求，建議的做法是內部另外保留一個瀏覽器專門操作舊系統，日常上網與瀏覽官網使用現代瀏覽器。這同時也是資安考量——已停止更新的瀏覽器不再收到安全修補。

合理的支援政策

我們建議在專案開始時就把支援範圍講清楚，避免驗收時的認知落差。一個務實的寫法是：

• 支援各主流瀏覽器的最新版與前一版
• 手機以主流機型的預設瀏覽器為測試基準
• 已終止支援的瀏覽器不在支援範圍
• 使用比例極低的特殊瀏覽器，若有需求另行評估

「支援所有瀏覽器」這種寫法看似有保障，實際上無法執行也無法驗收，反而是糾紛的來源。

比瀏覽器更該關心的三件事

以現在的實務來說，這三項對訪客體驗的影響，都比瀏覽器相容性更大：

一、手機上好不好用

多數訪客用手機瀏覽，版面在手機上是否好操作，遠比在某個冷門瀏覽器上是否完美重要。詳見RWD 響應式網站是什麼。

二、載入速度

網站在任何瀏覽器上都能開，但要等十秒——這比在某個瀏覽器上有一點樣式偏差嚴重得多。

三、無障礙

字體大小是否可調整、色彩對比是否足夠、鍵盤能否操作。這不只是照顧特定族群，對一般使用者的閱讀體驗也有幫助。公部門與特定產業的網站另有法規要求，需在網站架設前確認。

怎麼確認自己的網站有沒有問題

• 用實機測試——至少要有一支 iPhone 和一支 Android 手機實際開過
• 請不同的同事各自用自己的裝置開一次——最省事也最有效的測試方法
• 看網站的流量分析——實際訪客用什麼瀏覽器、什麼裝置，數據會告訴您該優先照顧誰
• 驗收時明確列出測試環境——把測試過的瀏覽器與裝置寫進驗收文件

最後一項尤其重要。網站架設的驗收若沒有明確的測試範圍，日後任何一台特殊裝置上的顯示問題，都可能變成爭議。