設備資訊
你的裝置
正在收集裝置資訊…
所有資料都在瀏覽器本機读取，不會上傳到伺服器。
使用方法
- 在瀏覽器和要檢查的裝置（桌上型電腦、手機或平板電腦）上開啟頁面。
- 閱讀每個分組部分（瀏覽器、螢幕、導覽器等）以了解您的會話公開的內容。
- 旋轉螢幕、調整視窗大小或切換網路後點擊“刷新”，以使值保持準確。
- 使用空白部分作為訊號：您的瀏覽器可能不支援該 API（舊版瀏覽器上的用戶端提示或儲存空間很常見）。
常見問题
設備資訊有什麼用？
設備資訊從您目前使用的瀏覽器收集環境訊號 - 瀏覽器/作業系統標識、螢幕和視窗大小、區域設定、選用網路和儲存詳細資訊 - 因此您可以偵錯佈局、提交錯誤報告或驗證 QA 設備，而無需安裝桌面實用程式。
是否有資料發送到伺服器？
不會。每個值都是透過瀏覽器中的標準 Web API 讀取的。我們的伺服器上不會上傳、記錄或儲存任何內容。
為什麼有些部分是空的？
瀏覽器不同。網路連線資訊主要出現在基於 Chromium 的瀏覽器。客戶端提示（使用者代理客戶端提示）需要支援的瀏覽器和權限。儲存配額需要Storage API。不支援資料的部分會自動隱藏。
設備資訊與用戶代理解析器有何不同？
用戶代理解析器分析貼上的用戶代理字串。裝置資訊從目前分頁讀取即時會話資料 - 螢幕像素、視口、時區、觸控點、首選項等 - 不僅僅是 UA 字串聲明的內容。
我可以用它來檢測機器人或自動化嗎？
當瀏覽器由自動化（例如 Selenium）控制時，導覽器部分可能會顯示 Webdriver 標誌。這只是一個提示；不要單獨依賴它來做出安全決策。
刷新會改變測量的內容嗎？
是的。刷新重新執行所有閱讀器，以便螢幕尺寸、方向、線上狀態和非同步值（客戶端提示、儲存估計）反映當前時刻。
介紹
裝置資訊是一個基於瀏覽器的檢查器，它顯示您當前的會話在網站和 Web 應用程式中的情況：您執行的瀏覽器和作業系統、螢幕和視窗有多大、適用哪些語言和時區，以及（當您的瀏覽器允許時）網頁品質、可訪問性首選項、客戶端提示和儲存配額。
與僅解析使用者代理字串的工具不同，Device Info 將解析的 UA 資料與即時 API（screen、window、navigator、matchMedia等）結合。這使得響應式設計檢查、支援票證和重現「在我的機器上執行」問題變得實用，而無需共享about:頁面或開發人員工具的螢幕截圖。
所有處理都在本機進行。在待測設備上開啟工具，讀取分組卡片，旋轉手機或調整桌面視窗大小後按刷新。
什麼是設備資訊？
裝置資訊回答：*「此標籤在什麼環境中運作？」*它不會跨網站或儲存歷史記錄來識別您；它僅顯示您的瀏覽器已在您正在查看的頁面上向 JavaScript 公開的值。
輸出被組織成多個部分。空部分被省略，因此您只能看到具有值的欄位。下面的清單與該工具今天顯示的內容相符。
工具顯示的訊息
Browser
使用與專用 UA 工具相同的邏輯系列從您的navigator.userAgent解析：
- 姓名 — 例如Chrome、Safari、火狐、Edge。
- 版本 — 可偵測到的完整瀏覽器版本字串。
- 主要 — 主要版本號，對於快速相容性檢查很有用（“需要 Chrome 120+”）。
當日誌僅顯示原始 UA 字串並且您想要一個可讀標籤而不貼上到其他工具時，請使用此選項。
作業系統
也源自用戶代理程式解析：
- 名稱 — Windows、macOS、iOS、Android、Linux 等。
- 版本 — UA 提供足夠詳細資訊時的作業系統版本。
有助於確認測試人員使用的是 iOS 17 與 18 還是 Windows 10 與 11。請注意，如果因隱私原因而凍結或減少 UA，基於 UA 的作業系統偵測可能會出錯。
Device
將 UA 隱含的硬體設定檔進行分類：
- 類型 —
mobile、tablet、console、smarttv或desktop（未找到移動令牌時的預設值）。 - 供應商 — 製造商（如存在）（例如 Apple、Samsung）。
- 型號 — 設備型號（如果存在）。
將類型與最大觸控點（導覽器）和指標（首選項）配對，以推斷觸控與滑鼠優先佈局。
Navigator
來自Navigator物件的核心瀏覽器身分和功能標誌：
| 欄位 | 說明 |
|---|---|
| 用戶代理 | 隨來自此瀏覽器設定檔的 HTTP 請求傳送的完整 UA 字串。 |
| 平台 | 舊平台字串（例如MacIntel、Win32）。 |
| 小販 | 瀏覽器引擎供應商字串。 |
| 語言 | 主要內容語言（BCP 47 標籤）。 |
| 語言 | 接受的語言的有序列表。 |
| 啟用 Cookie | 是否允許第一方 cookie。 |
| 不跟蹤 | 暴露時的 DNT 偏好（如果未設定則為null）。 |
| 線上的 | 瀏覽器是否會報告活動的網路連線。 |
| 最大接觸點 | 同時觸摸接觸的數量（典型桌面上為 0）。 |
| 硬體並行 | 暴露給頁面的近似 CPU 邏輯核心數。 |
| 裝置記憶體 (GB) | 支援時的粗糙設備 RAM 層（Chrome/Android；其他地方通常不存在）。 |
| 啟用 PDF 檢視器 | 內建 PDF 外掛可用性標誌。 |
| 網路驅動程式 | true當瀏覽器處於自動化控制下。 |
這些欄位是許多分析腳本和特徵檢測器間接讀取的內容。
Screen
來自window.screen的物理顯示指標：
- 寬度/高度 — 總螢幕解析度（以 CSS 像素為單位）。
- 可用寬度/高度 — 不包含作業系統鑲邊的可用區域（工作列、報告的凹口區域）。
- 顏色深度/像素深度 — 螢幕每個顏色分量的位元數。
- 裝置像素比 — 物理像素與 CSS 像素的比率 (
window.devicePixelRatio)。對於 Retina/HiDPI 佈局和影像srcset決策至關重要。 - 方向類型 — 例如當
screen.orientation存在時，portrait-primary，landscape-primary。 - 方向角 — 支援時的旋轉角度（以度為單位）。
將 螢幕 寬度與 視窗 內部寬度進行比較，以了解瀏覽器 UI 消耗了多少空間。
Window
可見頁面視窗和視窗位置：
- 內部寬度/高度 - 瀏覽器鑲邊內的佈局視窗（CSS 媒體通常會查詢寬度）。
- 外部寬度/高度 — 完整的瀏覽器窗口，包括工具列。
- 螢幕 X / Y — 多重顯示器桌面上的視窗偏移（在行動裝置上可能為 0）。
對於偵錯「斷點顯示 768 但佈局中斷」報告至關重要：始終引用 內部 尺寸，而不僅僅是螢幕尺寸。
地點和時間
會話的時間背景：
- 時區 — 來自
Intl的 IANA 名稱（例如America/New_York）。 - UTC 偏移量（分鐘） — 與目前本機時間 UTC 的差異（注意：符號遵循 JavaScript
getTimezoneOffset()約定）。 - 本機時間 — 收集時人類可讀的時間戳。
對於安排錯誤、cron 顯示和「UI 中的錯誤日期」票證很有用。
Network
當navigator.connection（網路資訊 API）可用時填充－在 Chromium 中最可靠：
- 有效型 — 粗類：
4g、3g、slow-2g等。 - 下行鏈路 — 估計頻寬（以 Mbps 為單位）。
- RTT — 估計的往返時間（以毫秒為單位）。
- 儲存資料 — 使用者是否啟用了資料保護模式。
- 類型 — 暴露時的連接類型（
wifi、cellular、...）。
Safari/Firefox 桌面上不存在；不要假設每個使用者都會有這個區塊。
Preferences
頁面已經可以使用從 CSS 媒體查詢派生的：
- 配色 —
prefers-color-scheme中的dark、light或no-preference。 - 減少運動 —
reduce與prefers-reduced-motion的no-preference。 - 指標 — 來自
pointer媒體功能的coarse (touch)、fine、coarse + fine或unknown。
協助驗證主題切換和動畫策略是否與系統設定相符，而無需開啟 DevTools。
客戶提示
當支援 用戶代理客戶端提示 (navigator.userAgentData.getHighEntropyValues) 時，該工具可能會顯示：
- 架構 — CPU 架構提示。
- 位數 — 32 位與 64 位。
- 型號 — 支援平台上的設備型號。
- 平台 / 平台版本 - 透過提示 API 的作業系統平台和版本。
- uaFullVersion — 透過提示的完整瀏覽器版本。
- fullVersionList — Chromium 品牌的結構化版本清單。
現代 Chromium 減少了原始 UA 細節；本節補充了已解析的瀏覽器/作業系統行。它在 Safari 或鎖定的企業設定檔中可能保持為空。
Storage
當navigator.storage.estimate()可用時：
- 配額 — 來源端可能使用的大致儲存空間（以 MB 為單位顯示）。
- 使用情況 — 此來源已使用的大致儲存空間（以 MB 為單位顯示）。
與同一網站上的 PWA、離線快取和 IndexedDB 問題相關，而不是裝置上的總磁碟空間。
主要特點
- 即時會話快照 — 不是靜態 UA 貼上；包括螢幕、視窗、區域設定和首選項。
- 分組、可讀的卡片 — 每個 API 系列都在自己的部分中，並帶有簡單語言標籤。
- 隱私第一 — 禁止上傳；可安全地在內部或客戶機器上使用以獲得支援。
- 按需刷新 — 旋轉、縮放或網路變更後重新取樣。
- 智慧隱藏 — 不受支援的 API 不會因空白行而使 UI 混亂。
常見用例
- 響應式 QA — 確認真實手機和平板電腦上的內部寬度、DPR 和方向。
- 錯誤報告 — 附加一致的環境欄位列表，而不是要求使用者開啟 DevTools。
- 支援分類 — 在重現登入或結帳問題時驗證語言、時區、cookie 和線上狀態。
- 自動化檢查 — 在偵錯不穩定的 E2E 測試時發現
Webdriver: Yes。 - 效能上下文 — 在調查慢速負載 (Chromium) 時注意保存資料或有效連線類型。
- PWA / 儲存偵錯 — 快取或離線資料出現異常時讀取配額和使用情況。
最佳實踐
- 在錯誤發生的相同瀏覽器設定檔中執行裝置資訊（正常與隱身、擴充開/關）。
- 旋轉手機或捕捉桌面視窗後，在將值複製到票證之前點擊刷新。
- 將 UA 派生 作業系統/裝置名稱視為提示；當精確度很重要時，與客戶提示或手動設備知識進行交叉檢查。
- 在討論 CSS 斷點時，偏好 視窗內部 尺寸而不是 螢幕 尺寸。
- 如果您還需要分析伺服器日誌或其他使用者瀏覽器中的 UA 字串，請與 User Agent Parser 工具結合使用。
相關工具
設備資訊是一體化視圖。當您只需要一個答案時，這些重點檢查器會直接找到答案：
- What Is My Browser— 您的瀏覽器名稱和版本，位於前方和中間。
- What Is My User Agent— 透過一鍵複製獲得完整的 UA 字串。
- What Is My Timezone— IANA 時區、UTC 偏移量和實時本機時鐘。
- Device Pixel Ratio Checker— DPR 加 CSS 與物理解析度。
- Viewport Size Checker— 用於響應式偵錯的即時內部寬度和高度。
- User Agent Parser— 貼上日誌中的任何 UA 字串；沒有即時螢幕或視窗資料。