系統
快速查看你的螢幕解析度、視埠大小與顯示尺寸——全部都能在瀏覽器裡完成。
螢幕解析度
screen resolution, display resolution, my screen size
[READY]
開啟工具 →設備健康
device health, device health check, hardware test
[READY]
開啟工具 →系統
快速查看你的螢幕解析度、視埠大小與顯示尺寸——全部都能在瀏覽器裡完成。
隱私優先 系統 測試工具 在 usbRecognized 上完全在您的瀏覽器中執行,使用安全的 Web API。無需下載軟體、無需安裝、不會上傳任何資料——您的隱私 100% 受到保護。只要點擊上方的工具即可開始測試。
此分類中的部分工具現已推出(標示 ✓)。其他工具即將推出——每個即將推出的頁面都包含詳細預覽,說明該工具的功能,以及您在此期間可以如何測試硬體。
解析度、viewport 與裝置像素比
日常說法裡有三個完全不同的數字都被叫做解析度,混淆它們是瀏覽器讀數與規格表對不上的最常見原因。螢幕解析度是指顯示器實際能點亮的物理像素數量。viewport 大小是網頁真正能用的區域,因為瀏覽器外框、工作列和停靠的面板都會佔掉一部分空間。裝置像素比則表示一個版面像素對應多少個物理像素。
裝置像素比是最容易被忽略的一項,卻能解釋很多看似奇怪的讀數。在高密度螢幕上,這個比值可以達到 2 或更高,也就是說,以版面像素計的某個 viewport 寬度,實際涵蓋的物理像素是兩倍。這就是為什麼高密度螢幕的截圖實際尺寸總比回報的 viewport 尺寸大上一圈,但這並不是哪裡出了問題。
瀏覽器縮放只改變這個比值,不改變顯示器本身。放大頁面會讓版面像素變大,於是回報的 viewport 寬度就會變小,而實體面板其實紋絲沒動。在斷定解析度讀數有誤之前,先確認縮放已經回到預設值,因為縮放是按網站和視窗分別記住的。
為什麼測得的解析度和規格表不一樣
顯示器完全可以跑在低於原生解析度的狀態下,而且這種情形很常見。系統設成縮放模式後,硬體層面依然用原生解析度驅動面板,但桌面是按更小的邏輯解析度算繪,再整體放大顯示的。瀏覽器拿到的是桌面給它的數字,也就是縮放後的數值,而不是面板的原生數值。
外接螢幕會帶來第二個變數。連接線頻寬撐不起最高解析度加目標更新率的組合時,螢幕會悄悄協商出一個較低的組合,整個過程沒有任何提示。規格表寫的是面板的上限,回報值反映的卻是當前這條連接的實際能力,兩者單位相同,但根本不是同一個量。
虛擬機器和遠端連線則乾脆換掉了整套顯示子系統。遠端連線裡回報的解析度描述的是一塊虛擬幀緩衝,而不是任何一塊真實面板,而且調整視窗大小時它還會跟著變。這屬於正常現象,不是故障,也解釋了大多數看似不可能的解析度讀數。
用螢幕解析度排查問題
解析度在排查時最管用的用法是拿來對比。把回報值和顯示設定裡的選項對比,就能看出有沒有開縮放。把 viewport 和螢幕解析度對比,就知道瀏覽器外框吃掉了多少顯示面積,而這正是一套版面只在某一台機器上錯亂的最常見原因。
做網頁開發時,它的實際用途是驗證斷點。在桌機瀏覽器裡拖窄視窗看到的正常版面,放到實機上可能完全走樣,因為拖視窗只改變 viewport,不改變裝置像素比,而真正的手機是兩者一起變的。只有把比值和 viewport 放在一起看,這個差別才會現形。
做技術支援時,解析度是最快確認使用者到底在用哪台機器的方法之一。筆電外接螢幕的使用者,瀏覽器視窗放在哪塊螢幕上,回報的解析度就是哪塊螢幕的,直接問他頁面上顯示的數值,幾秒鐘就能消除這種含糊。
瀏覽器偵測顯示器的能力邊界
瀏覽器讀不到顯示器的真實實體尺寸。它拿不到對角線英吋數,也拿不到面板型號,因為這些資訊存在顯示器的 EDID 資料裡,而網頁搆不著。所以任何號稱能報出你的螢幕具體是幾吋的網站,都是拿解析度除以一個猜出來的像素密度算出來的,猜錯是常事。
瀏覽器也列不出所有接上的顯示器。它只能回報視窗當前所在的那塊螢幕,某些組態下再加上一個合併後的螢幕尺寸,但那些接了卻沒在用的面板,它一概看不見。所以在多螢幕機器上測試,得把瀏覽器視窗逐個拖到每塊螢幕上看,而不能指望一份回報講清所有螢幕。
色深報的是一個位元數,而不是實測的顯示能力,而且這個數字反映的是合成管線的狀態,不是面板。一塊支援更高色深的面板,可能因為線材、系統設定或應用程式的原因跑在較低的色深上。回報的色深是瀏覽器手頭實際在用的值,有參考價值,但不代表硬體的上限。
系統 FAQ
怎麼查我的螢幕解析度?
直接在瀏覽器裡看,別去顯示設定裡找,因為瀏覽器報的是頁面實際在用的解析度。這個數字已經把系統縮放算進去了,最能解釋版面和截圖為什麼是現在這個樣子。顯示設定面板報的是面板模式,兩者本來就可能不一樣。
為什麼瀏覽器報的解析度比螢幕標的低?
因為開了系統縮放,或者連接協商出了較低的模式。面板硬體層面可能依然跑在原生解析度上,但桌面是按更小的邏輯尺寸算繪再放大的。先查縮放設定,再查線材和連接埠,都沒問題再懷疑螢幕本身。
螢幕解析度和 viewport 大小有什麼差別?
螢幕解析度說的是整塊顯示器,viewport 只是分給網頁的那一塊。瀏覽器外框、工作列和停靠的開發者面板都會壓縮 viewport,但螢幕本身沒變。所以一個頁面在拖窄的視窗裡放得下,換到標稱解析度相同的裝置上仍可能溢出,原因就在這裡。
什麼是裝置像素比?
一個版面像素對應多少個物理像素。比值是 2,就意味著每個版面像素用 4 個物理像素來畫,高密度螢幕通常就是這樣。它解釋了高密度螢幕的截圖為什麼比回報的 viewport 大,也解釋了圖片如果沒按更高密度準備,看起來為什麼會糊糊的。
接上外接螢幕後解析度為什麼變了?
因為瀏覽器報的是視窗當前所在的那塊螢幕,視窗在兩塊螢幕之間挪動,讀數就跟著變。鏡像模式會逼兩塊螢幕用一個公共模式,通常是取低的那一檔,於是高解析度筆電一鏡像到低解析度投影機,看起來就像解析度丟了。改成延伸而不是鏡像就能避開這個問題。
網站能測出我的螢幕真實尺寸嗎?
不能。對角線尺寸和面板型號放在瀏覽器不向網頁開放的顯示識別資料裡。號稱能報實體尺寸的網站,都是拿回報的解析度除以一個假設的像素密度算出來的,只有假設碰巧猜對時才準,所以這類數字看看就好,別當測量值。
查螢幕解析度需要下載東西嗎?
不用。這些數值是從瀏覽器自帶的螢幕和視窗介面裡直接讀的,任何頁面都能讀,不需要外掛、擴充功能,也不用安裝。什麼都不用下載,也不傳任何資料,因為頁面讀的本來就是瀏覽器手裡現成的資訊,不需要連網。