瀏覽器是什麼？常見的有哪些

瀏覽器是看網頁的工具

網站存在主機上，瀏覽器負責把它下載回來，並顯示成你看到的畫面。

可以想成播放器——同一段影片，用不同的播放器打開，畫質與呈現可能略有不同。網頁也是類似的道理。

常見的瀏覽器

市佔情況會隨時間變動，規劃網站時建議看自己網站的實際數據，而不是通用的統計——不同產業與客群的分布差異很大。

查看方式見流量分析基本上要看什麼。

「引擎」決定了顯示行為

瀏覽器的核心是渲染引擎——負責把程式碼轉換成畫面的部分。

目前主流的引擎只有少數幾種，而多個瀏覽器可能共用同一種引擎。

實務上的意義

• 使用相同引擎的瀏覽器，顯示結果通常很接近
• 使用不同引擎的，差異較明顯——這是測試時要涵蓋不同引擎的原因
• 手機版與電腦版即使是同一個品牌，行為也可能不同

為什麼要在意這件事

作為業主，你不需要懂技術細節，但知道以下三點會有幫助：

一、你看到的不代表所有人看到的

你用的瀏覽器可能不是客戶用的。 驗收時只用自己習慣的瀏覽器看，可能漏掉問題。

二、相容性是有成本的

要支援越多、越舊的瀏覽器，開發與測試的工時就越高。這應該在發包時就談清楚。

見該支援到哪些瀏覽器。

三、多數「網站壞掉」其實是本機問題

快取、擴充功能、舊版本、網路環境——這些都可能造成你看到異常，但其他人正常。

排查方式見我這邊有問題但別人正常。

瀏覽器會自動更新

現代的瀏覽器多半會在背景自動更新到新版本。這帶來兩個影響：

好處

• 安全漏洞會被修補
• 新的網頁技術逐漸普及
• 使用者停留在很舊版本的比例降低

要注意的

• 瀏覽器更新後，原本正常的網站可能出現問題——雖然不常見，但確實會發生
• 企業環境可能鎖定版本，員工的瀏覽器較舊

建議每季用主要的幾個瀏覽器檢查一次網站，而不是等客戶反映。

應用程式內建的瀏覽器

這一項最常被忽略。

從通訊軟體或社群平台的連結點進網站時，開啟的通常不是你平常用的瀏覽器，而是該應用程式內建的簡易瀏覽器。

它可能有的限制

• 部分功能不支援
• 下載檔案的行為不同
• 無法使用某些登入方式
• 畫面上下方可能被應用程式的介面遮住

如果你的客戶主要透過通訊軟體分享連結，這個情境一定要實測。

手機端的相關問題見手機版破版與常見問題排查。

瀏覽器的差異不只是外觀

可能出現差異的地方包含：

• 字體的呈現——同一個字體在不同系統上的粗細與間距略有不同
• 表單元件的樣式——下拉選單、日期選擇器各家長得不一樣
• 影片與音訊的播放行為
• 新技術的支援程度
• 預設的間距與行高

「完全一模一樣」不是合理的期待，合理的目標是「功能都能用、版面沒有破損、閱讀不受影響」。

詳見為什麼同一個網站在不同瀏覽器不一樣。

給業主的三個實用建議

1. 驗收時至少用兩種不同的瀏覽器看過，並且電腦與手機各一次
2. 從通訊軟體點連結進去測一次
3. 看自己網站的數據，了解客戶實際用什麼

各瀏覽器的版本、介面與支援情況持續更新，本文說明的是原則與判斷方式。實際的操作位置可能因版本而略有差異。