要在瀏覽器檢查螢幕解析度，開啟一個會讀取瀏覽器已暴露的標準 window 與 screen 物件的頁面，它就會顯示完整 CSS 螢幕寬度與高度、可用螢幕區域、目前視埠、外層瀏覽器視窗，以及裝置像素比——外加依 round(CSS screen × devicePixelRatio) 算出、有標示的 backing-store 像素估計值。在典型 1440 × 900 的 CSS 螢幕、devicePixelRatio 為 2 時，估計值落在 2880 × 1800，這是 CSS 座標與面板可定址像素儲存之間常見的 Retina 式對應。這些是網頁實際能讀到的值——它們描述網頁內容所見的座標空間，而不是實體面板的英吋、點距或色深。調整瀏覽器視窗大小、變更縮放、切換顯示器、進入全螢幕，或把視窗在螢幕之間移動，都可能改變回報的內容，因此同一頁面從一次造訪到下一次可能顯示不同數字。
你的瀏覽器實際暴露了哪些顯示器資訊
在瀏覽器裡執行的網頁，能存取一小組定義清楚、描述其周圍座標環境的屬性。它們來自標準的 window 與 screen JavaScript 物件，也是普通網頁能讀到的唯一與顯示器相關的數字。
完整 CSS 螢幕尺寸來自 screen.width 與 screen.height。它們描述瀏覽器暴露給網頁內容的座標空間——不一定是面板行銷或原生解析度。可用螢幕尺寸來自 screen.availWidth 與 screen.availHeight，可能排除工作列或選單區域這類作業系統介面區域。
視埠尺寸來自 window.innerWidth 與 window.innerHeight：頁面配置視埠可用的區域，包括瀏覽器行為所定義的任何空間。外層視窗值來自 window.outerWidth 與 window.outerHeight，前提是瀏覽器提供正值。外層與內層尺寸之差可以包含瀏覽器 chrome、邊框、側邊面板、開發者工具，以及平台特有的裝飾。
瀏覽器也會回報 devicePixelRatio。把 CSS 尺寸乘上這個比值，會得到 backing-store 像素格線的粗略估計，但比值本身受瀏覽器縮放、作業系統縮放、合成器行為與顯示器設定影響。Screen Resolution Checker 在本機讀取這些值，並以明確標籤呈現，讓讀者一眼就能區分。
如何用 Screen Resolution Checker 讀取尺寸
- 在任何現代瀏覽器開啟 Screen Resolution Checker。
- 比較四組有標示的尺寸：CSS 螢幕、可用螢幕、視埠，以及外層瀏覽器視窗。
- 檢視裝置像素比，以及清楚標示的 backing-store 像素估計值，記住該估計不是實體量測。
- 想比較不同條件時，調整瀏覽器視窗大小、變更縮放、切換顯示器，或進入全螢幕。
- 選取 Copy report，把每個可見欄位以純文字放到剪貼簿，方便貼進筆記、工單或聊天。
理解頁面上的數字
報告上的每一列回答不同問題。一起讀，就能完整看出網頁此刻所見的座標環境。
| 欄位 | 來源 | 描述什麼 |
|---|---|---|
| CSS 螢幕寬度／高度 | screen.width, screen.height | 暴露給網頁內容的完整座標空間，以 CSS 像素計。 |
| 可用螢幕寬度／高度 | screen.availWidth, screen.availHeight | 排除工作列這類作業系統介面區域後的螢幕區域。 |
| 視埠寬度／高度 | window.innerWidth, window.innerHeight | 瀏覽器 chrome 內的配置區域。 |
| 外層視窗寬度／高度 | window.outerWidth, window.outerHeight | 包含 chrome、邊框與側邊面板的整個瀏覽器視窗。 |
| 裝置像素比 | window.devicePixelRatio | 瀏覽器對此檢視回報的縮放因子。 |
| 估計的裝置像素 | round(CSS screen × ratio) | 有標示的 backing-store 格線估計值。 |
| 方向 | 比較 CSS 寬度與高度 | 橫向、直向或正方形——僅依回報的兩個數字。 |
估計的裝置像素乘法是刻意加上標示的。在 1440 × 900 的 CSS 螢幕、devicePixelRatio 為 2 時，計算是 1440 × 2 = 2880 與 900 × 2 = 1800，得到 2880 × 1800 backing-store 像素的估計值。該數字描述 CSS 座標與 backing store 之間的關係，而不是實體面板的原生可定址像素——顯示器縮放、瀏覽器縮放、作業系統縮放、合成器行為、螢幕截圖、遠端桌面、多面板配置，以及隱私降精度，都可能讓這次乘法對不上面板實際像素數。
為什麼數字會在不同工作階段之間改變
因為這些值來自即時瀏覽器環境，任何改變該環境的事都會改變回報內容。元件在視窗調整大小時重新整理，因此移動或調整瀏覽器大小會立刻更新視埠與外層視窗值。瀏覽器縮放、作業系統縮放、側邊面板或開發者工具的存在，以及進入或離開全螢幕模式，都會改變配置視埠，同時讓完整 CSS 螢幕尺寸維持不動。
作業系統顯示或隱藏工作列或選單區域這類介面元素時，可用螢幕尺寸會變。在多螢幕設定中把視窗移到另一個顯示器，或連上遠端工作階段，都可能改變完整 CSS 螢幕尺寸，因為網頁內容所見的座標空間會隨面板改變。某些瀏覽器的隱私行為會刻意降低回報值的精度。
若要做出有用的疑難排解報告，請在變更瀏覽器縮放、把視窗移到另一個顯示器、進入全螢幕，或變更作業系統縮放之前與之後複製這些值。在頁面外記錄條件，因為元件刻意不儲存歷程。兩個快照之間的變化顯示座標環境變了；它本身並不能指出是哪一層造成變化。
Screen Resolution Checker 量不到什麼
報告只描述瀏覽器標準 window 與 screen 物件所暴露的內容。它無法量測英吋、公分、每英吋點數、像素間距、色深、更新率、HDR 支援、色域、亮度、面板類型、實體對角線、纜線能力、GPU 輸出模式，或 EDID 資料。普通網頁拿不到足夠可信的硬體資訊來做那些宣稱，因此元件停留在狹窄契約內：驗證正有限的瀏覽器值、計算有公開說明的乘法、在視窗調整大小時更新，並區分 CSS 座標、估計的裝置像素，以及無法觀察的實體尺寸。
購買、診斷或校準顯示器時，請使用作業系統顯示設定、製造商規格，或專用硬體工具。頁面上的所有值都從標準 window 與 screen 物件本機讀取。沒有顯示器識別碼、報告、剪貼簿內容或尺寸會在重新載入後被上傳或儲存。
若要更深入了解，見 如何在 iPad 檢查螢幕解析度.