使用方式
- 開啟頁面後，系統會立即從瀏覽器讀取數值。
- 調整視窗大小或旋轉裝置，即可查看視窗區域尺寸和方向的變化。
- 使用「全部複製」，即可將詳細資訊貼到錯誤回報或支援請求中。
運作方式
瀏覽器回報的尺寸單位是 CSS 像素，也就是網頁版面配置使用的單位。在高像素密度的顯示器上，一個 CSS 像素會以多個實體像素繪製；裝置像素比（DPR）會告訴您實體像素的數量。回報尺寸為 390 × 844、DPR 為 3 的手機，面板約有 1170 × 2532 個裝置像素。在桌上型電腦上，瀏覽器縮放和作業系統的顯示縮放都會改變 DPR 和 CSS 尺寸，因此設定 125 % 縮放的 2560 × 1440 螢幕會回報 2048 × 1152。
螢幕解析度是整個顯示器的尺寸；可用空間不包含 Windows 工作列或 macOS 選單列等固定的作業系統列；視窗區域則是瀏覽器視窗中顯示網頁的部分，不含工具列，但包含捲軸。CSS 媒體查詢（例如 min-width: 768px）會依視窗區域的尺寸運作，因此測試響應式版面時應查看這個數值。
色彩配置和減少動態效果設定，取自網站用來配合系統設定的相同 CSS 媒體功能。品牌、平台和行動裝置資訊則取自 User-Agent Client Hints，只有以 Chromium 為基礎的瀏覽器會提供這些資訊。有些瀏覽器會刻意將這些值四捨五入或固定，以降低瀏覽器指紋辨識的風險，因此顯示的資訊可能與您的硬體不完全相符。
範例
測試響應式版面
同事的筆記型電腦版面顯示異常。他們複製裝置資訊後，發現視窗區域為 1280 × 649、DPR 為 1.5。將瀏覽器的裝置工具列設為相同的視窗區域，即可重現問題。
選擇圖片尺寸
產品圖片以 400 CSS 像素寬度顯示。在 DPR 為 3 的手機上，需要 1200 像素才能保持清晰，您可以據此決定要在 srcset 中加入哪些尺寸。
檢查螢幕縮放比例
3840 × 2160 的螢幕回報為 2560 × 1440、DPR 為 1.5：表示 Windows 將顯示縮放設為 150 %。
常見問題
為什麼螢幕解析度和顯示器規格不同？
瀏覽器回報的是 CSS 像素，也就是實體像素除以縮放比例後的值。乘以裝置像素比，即可估算硬體解析度。瀏覽器縮放也會改變回報值。
螢幕尺寸和視窗區域尺寸有什麼不同？
螢幕尺寸是整個顯示器的大小。視窗區域則只有瀏覽器視窗內繪製網頁的部分，因此尺寸較小，並會在調整視窗大小或開啟開發人員工具時變動。
這些資訊會用來追蹤我嗎？
本頁不會使用這些資訊追蹤您：數值只會顯示給您看，不會儲存或傳送至任何地方。網站可以讀取相同的數值，因此有些瀏覽器會將數值四捨五入，讓瀏覽器指紋辨識更困難。
為什麼我的筆記型電腦顯示支援觸控？
觸控支援狀態是根據瀏覽器回報的觸控點數量判定。配備觸控螢幕的筆記型電腦即使主要使用滑鼠，也會回報觸控支援；部分驅動程式或遠端桌面設定即使沒有觸控螢幕，也會回報支援觸控。
隱私權
所有數值都由瀏覽器中的 JavaScript 讀取，且只會顯示給您看。資料不會儲存、上傳或納入分析；系統只會記錄一筆匿名事件，表示您已開啟並使用此工具。