如何查看瀏覽器與系統資訊

為什麼重要

使用者回報「手機上日期選擇器打不開」。你問瀏覽器，他答 Chrome。你在 Chrome 121 桌面重現兩天才發現他是 Chrome iOS——底層其實是 WebKit，不是 Blink。一鍵「給我瀏覽器資訊」就能省掉這段弯路。相容測試、客服、以及你想知道實際渲染環境長什麼樣時，都同樣受用。

三個實際場景

操作說明

開啟 瀏覽器資訊工具。

1. 1

   在要檢查的瀏覽器開啟

   該裝置上任意 URL 進此工具，就會產生該瀏覽器的報告。

2. 2

   讀 User-Agent 拆解

   瀏覽器名稱與版本、排版引擎、作業系統家族與版本、裝置類型。

3. 3

   檢查螢幕與可視區

   像素解析度、裝置像素比、可視區寬高、色域。

4. 4

   檢視功能旗標

   WebGL、WebGPU、Service Worker、推播、通知、儲存、權限 API。

5. 5

   複製結構化報告

   Markdown 或 JSON。貼進工單，工程師不必再追問。

(Open the page on the device)

Browser   : Chrome 121
Engine    : Blink
OS        : Android 14
Device    : Pixel 7
Screen    : 1080 × 2400 @ 2.625 dpr
Viewport  : 412 × 915
WebGL     : ✔ (ANGLE)
Service Worker : ✔
Touch     : ✔

實用技巧

• 把連結放進客服模板。 「回報問題」連結一律附上，客戶就會帶著環境資料。
• 比對兩份報告找出只有某裝置退步的原因——常是 OS 更新或 DPR 差異。
• 注意偽造 UA。 DevTools 可改 UA 字串但不改真實能力。功能矩陣比 UA 難造假。
• iOS 上的 Chrome／Edge／Firefox 都是 WebKit。 「瀏覽器版本」容易誤導；真正引擎是 iOS WebView。

常見陷阱

何時不適合用這套

• 網路診斷（延遲、DNS、頻寬）——用 Speedtest 或自有 RUM。
• 大規模真實裝置測試——BrowserStack、Sauce Labs 等遠端真機服務。
• 追蹤個別使用者——此工具是依需求暴露指紋資料；勿當追蹤器部署。

FAQ

下一步

1. 工單裡若有 IP 或主機名，用 IP 查詢工具 解譯。
2. 用 URL 剖析工具 拆解受影響的網址。
3. 報告出現的 HTTP 狀態可對照 HTTP 狀態參考。