螢幕解析度檢查器
讀取螢幕、可用區域、視窗範圍、外層視窗、裝置像素比,以及此瀏覽器所報告的估計後端儲存區像素尺寸。
隱私權:你的檔案不會離開裝置,所有處理均在瀏覽器本機完成。
使用方式
- 1.開啟頁面並比較 CSS 螢幕、可用螢幕、視窗範圍與外層視窗的尺寸。
- 2.檢視 devicePixelRatio 與明確標註的估計裝置像素乘積,勿將其視為物理尺寸。
- 3.比較條件時調整或移動瀏覽器,然後點選複製報告以儲存可見的瀏覽器值。
關於螢幕解析度檢查器
螢幕解析度檢查器會蒐集此瀏覽器所揭露的顯示與視窗尺寸,並以明確標籤呈現。報告包含完整的螢幕寬度與高度(以 CSS 像素計),可用螢幕區域、當前視窗範圍、外層瀏覽器視窗、裝置像素比、估計的裝置像素尺寸,以及橫向、豎向或正方形的導向。調整瀏覽器大小以更新視窗與外層視窗值。點選複製報告可將可見欄位以純文字形式複製到剪貼簿。
CSS 螢幕尺寸來自 screen.width 與 screen.height。這些值描述的是網頁內容所接觸的座標空間,並不一定等於面板的市場宣傳或原生解析度。可用螢幕尺寸來自 screen.availWidth 與 screen.availHeight,可能排除作業系統介面區域,例如任務列或選單區域。瀏覽器、作業系統、隱私行為、視窗模式、縮放、遠端會話與多螢幕佈置都可能影響實際顯示內容。
視窗範圍尺寸為 window.innerWidth 與 window.innerHeight:頁面佈局可使用的區域,包含瀏覽器行為所定義的空間。外層視窗值為 window.outerWidth 與 window.outerHeight,當瀏覽器提供正值時;若無外層值則回退至視窗範圍。外層與內層尺寸的差異可能包含瀏覽器邊框、邊框、側邊面板、開發工具以及平臺特定的裝飾。
估計的裝置像素是將瀏覽器的 CSS 螢幕尺寸乘以 devicePixelRatio 並四捨五入至整數。此資訊有助於理解 CSS 坐標與後端儲存區之間的關係,但結果明確標註為「估計值」。顯示縮放、瀏覽器縮放、作業系統縮放、合成器行為、截圖、遠端桌面、多面板以及隱私限制都可能導致此乘法無法對應到實際面板的原生可觸及像素。
導向是根據報告的 CSS 螢幕寬度與高度來比較。寬度較大為橫向,高度較大為豎向,兩者相等為正方形。此標籤並不會讀取加速計、鎖定裝置導向,或證明可摺疊、旋轉、映象、投影或多螢幕設定的實際物理佈局。它僅是對目前兩個報告數值的分類。
此工具無法測量英寸、公分、每英寸點數、像素間距、色彩深度、重新整理率、HDR、色域、亮度、面板型別、物理對角線、線材能力、GPU輸出模式或EDID資料。一般網頁無法取得足夠可信的硬體資訊來支援這些宣告。購買、診斷或校準顯示器時,請參考作業系統顯示設定、製造商規格或專用硬體工具。
為取得有用的排錯報告,請在改變瀏覽器縮放、移動視窗至另一顯示器、進入全螢幕模式或改變作業系統縮放之前與之後,複製這些值。請記錄這些條件的外部情境,因為此工具刻意不儲存任何歷史紀錄。這些變動可能顯示瀏覽器座標環境已改變,但本身無法確定是哪一層導致了變動。
所有值皆來自標準的 window 與 screen 物件,本機讀取。重新載入後不會上傳或儲存任何顯示識別碼、報告內容、剪貼簿資料或尺寸。此工具的保證範圍有限:驗證正數有限的瀏覽器值、計算公開描述的乘法、視窗調整時更新,並區分 CSS 坐標與估計的裝置像素,以及無法觀察的物理尺寸。
方法與來源
讀取 screen.width/height、screen.availWidth/height、window.innerWidth/height、window.outerWidth/height 與 devicePixelRatio 的正數有限值。以四捨五入的 (CSS 螢幕 × 比率) 估算後端儲存像素,根據報告的 CSS 寬度與高度比較來分類導向,並在視窗調整時更新。測試會驗證正確的 1440×900 在比率 2 下轉換為 2880×1800,所有三種導向,報告文字,以及錯誤輸入的拒絕。
常見問題
- 為何視窗範圍小於螢幕?
- 視窗範圍是瀏覽器內頁面佈局的區域。瀏覽器控制項、視窗大小、側邊面板、開發工具與作業系統區域可能導致其縮小。
- 估計的裝置像素等於監視器的原生解析度嗎?
- 不一定。將 CSS 維度乘以 devicePixelRatio 的結果可能與面板原生像素不同,因為存在縮放、縮放、隱私限制、合成或遠端顯示行為的影響。
- 此工具能測量物理螢幕大小或 DPI 嗎?
- 不能。瀏覽器尺寸無法提供校準的尺規、物理對角線、像素間距或可信的硬體 DPI。
相關工具
裝置與生產力 使用指南
查看全部- How to Check Screen Resolution on iPad (英文原文)
- How to Check Screen Resolution in Any Browser (英文原文)
- How to Get Your Screen Resolution Back to Normal (英文原文)
- Break Reminder for Beginners: Set One Up in a Browser Tab (英文原文)
- How Do I Compare Approaches to Use Basketball Scorekeeper (英文原文)
- How to Choose the Right Approach to Use Auto Counter (英文原文)
- How Much of the Year Is Left: Live Percentage and Days (英文原文)
- How to Avoid Mistakes With a Workout Rep Counter (英文原文)
- Create a Microsoft Teams Shift Schedule From a Roster (英文原文)
- Find Out What Browser You're Using Right Now (英文原文)
- Avoid Mistakes When Using a Water Intake Counter (英文原文)
- How to Use a To-Do List in Google Sheets — or Skip It (英文原文)
- How to Use Text to Speech on Android in a Browser (英文原文)
- Avoid Mistakes When Using a Tennis Scorekeeper (英文原文)
- How to Check the Result After Using a Tasbih Counter (英文原文)
- Dead Pixel Test Alternative: A Browser-Based Color Check (英文原文)
- How to Make a Receipt for Cash Payment (英文原文)
- How to Improve Your Reaction Time Test Score (英文原文)
- Pomodoro Technique Timer: Run Each Phase on Autopilot (英文原文)
- Room Occupancy Counter: Track Current Headcount in a Room (英文原文)