基於瀏覽器的螢幕解析度檢查工具之所以可以安心在線上使用，是因為它只會從你正在瀏覽的網頁中讀取本機螢幕與視窗的值，然後將它們顯示在你的螢幕上，不會上傳任何資料到伺服器。它不需要安裝程式、沒有帳號、不會傳送遙測資料，也沒有遠端儲存：你在畫面上看到的欄位是由標準屬性計算出來的——screen.width、screen.availWidth、screen.availHeight、window.innerWidth、window.outerWidth 以及 window.devicePixelRatio——這些都是瀏覽器本來就會開放給每個載入頁面的屬性。一個做得好的檢查工具，例如 Screen Resolution Checker，會把這些值視為本機快照，以淺顯易懂的方式標示每個數字的意義，並讓你把報告複製到剪貼簿，過程中不會把資料送到任何地方。這份隱私合約刻意設計得很窄：驗證正數且有限的瀏覽器值、進行一個公開說明的乘法運算、在調整視窗大小時重新整理，並區分 CSS 座標與估計的裝置像素、以及無法觀察的實體尺寸。正是這份狹窄的合約，讓本機檢查工具與那些要求安裝權限或遠端登入權限的「顯示器診斷」套件相比，確實屬於低風險。
以上是簡短的答案。想要確認沒有任何資料離開你的電腦，更詳細的解答才是重點。
對瀏覽器解析度檢查工具而言，「安全」代表什麼
對於一個完全存在於單一瀏覽器分頁中的工具來說，「安全」歸結為四個實際問題：是否不需要安裝就能執行、是否會要求你預期之外的權限、是否會把資料移出你的裝置，以及在關閉頁面之後是否還會保留任何紀錄。一個真正的瀏覽器式檢查工具對這四個問題全部回答「不會」。它以一般的網頁形式開啟，除了標準的 JavaScript 環境之外不要求任何東西，把讀取到的值回傳到頁面自己的 DOM 中，並且只在分頁開啟期間保留這些值。一旦重新整理，先前的數字就會被取代；關閉分頁，資料就消失。
這點很重要，因為同一組瀏覽器屬性會被開放網路上的每一個廣告網路、分析腳本和指紋辨識函式庫讀取。這些數字本身——你的 CSS 螢幕寬度、視窗大小、像素比、色彩深度、語言和時區——並不是秘密。問題在於你選擇打開的那個頁面是否會彙整這些資料、將它們外傳，或保留一份側寫。一個只負責呈現數值並讓你複製的檢查工具，並沒有進行彙整。複製到剪貼簿的動作是你自己做的；網頁本身並沒有對外發出請求。
瀏覽器公開了什麼（以及刻意沒有公開什麼）
檢查工具顯示給你的欄位，來自一份數量不多且有完整文件說明的瀏覽器屬性清單。每一個屬性描述的是不同的座標空間：
- screen.width / screen.height——瀏覽器開放給網頁內容的完整 CSS 像素座標空間。它不一定等於螢幕面板所標示或實際的原生解析度。
- screen.availWidth / screen.availHeight——可用的螢幕區域，可能會扣除作業系統的工作列或選單列等區域。
- window.innerWidth / window.innerHeight——版面配置視窗，也就是瀏覽器視窗介面內頁面實際可以繪製內容的矩形區域。
- window.outerWidth / window.outerHeight——包含介面、側邊面板、開發者工具與平台專屬裝飾元素的完整瀏覽器視窗。只有在這個值無法取得時，小工具才會退而使用視窗本身。
- window.devicePixelRatio——瀏覽器在 CSS 像素與底層儲存區之間的縮放倍率。
瀏覽器式檢查工具刻意不公開的項目同樣重要。它無法得知你螢幕的品牌、型號、原生面板解析度、面板類型、更新率、色彩深度、HDR 能力、色域、亮度、像素間距、實體對角線、傳輸線能力、GPU 輸出模式或 EDID 資料。一般的網頁根本無法取得足夠且可信賴的硬體資訊來做出那些宣稱。如果某個網站告訴你「你的面板是 27 吋、163 ppi」，那個數字只是猜測，不是測量結果。
這也是為什麼這些值會在硬體完全沒有改變的情況下產生變動。瀏覽器的縮放、作業系統的縮放、視窗模式、遠端桌面、多螢幕配置，以及瀏覽器本身的隱私縮減機制，都可能改變所公開的內容。一個誠實標示輸出結果的工具，不會假裝這些變動是實體的變化。
如何以保護隱私的方式執行螢幕解析度檢查工具
使用瀏覽器式檢查工具最安全的方式，是把它當作唯讀的本機探測工具。像開啟任何一般網頁一樣開啟它，閱讀它顯示的內容，複製你需要的部分，然後用完就關閉分頁。完整流程如下：
- 在一般的瀏覽器分頁中開啟 Screen Resolution Checker。不應出現下載、安裝擴充功能或權限提示。
- 並排比較四個 CSS 欄位：完整螢幕、可用螢幕、視窗與外部視窗。它們之間的差異通常就是瀏覽器介面、側邊面板、開發者工具或作業系統工具列所占的空間。
- 記下裝置像素比以及清楚標示的估計裝置像素乘法結果。把相乘後得到的數值視為估計值，而非螢幕的原生面板解析度。
- 當你想要比較不同條件時，可以調整視窗大小或移動瀏覽器視窗。視窗與外部視窗的值會在調整時更新；CSS 螢幕值則反映瀏覽器目前所公開的座標空間。
- 選擇複製報告，即可把可見欄位以文字形式放到剪貼簿。網頁本身不會傳送這些文字——貼到本機的筆記中就是最簡單且安全的做法。
- 因為這個小工具刻意不會在重新整理後保留任何紀錄，所以請另外記錄當下的條件（縮放、是否全螢幕、第幾個螢幕、作業系統縮放設定等）。
每一步都在瀏覽器內完成。沒有任何網路請求夾帶報告、沒有任何帳號與剪貼簿內容綁定，也沒有任何顯示器識別資訊與尺寸一起被傳送出去。
解讀報告：CSS 座標與估計的裝置像素
一個常見的混淆點在於這些欄位之間的差異。CSS 數字是瀏覽器為目前視窗所選擇公開的精確座標。估計的裝置像素數則是衍生出來的計算結果：round(CSS 螢幕 × devicePixelRatio)。這有助於理解 CSS 座標與底層儲存區之間的關係，但結果之所以標示為估計值是有原因的。顯示器縮放、瀏覽器縮放、作業系統縮放、合成器行為、螢幕擷圖、遠端桌面、多個面板，以及隱私縮減機制，都可能讓這個乘法結果與實體面板原生可定址的像素不一致。
| 欄位 | 來源屬性 | 實際代表的意義 |
|---|---|---|
| CSS 螢幕寬度 × 高度 | screen.width / screen.height | 瀏覽器開放給網頁內容的座標空間；不一定等於面板所標示的解析度。 |
| 可用螢幕 | screen.availWidth / screen.availHeight | 扣除工作列等作業系統介面區域後的可使用螢幕區域。 |
| 視窗 | window.innerWidth / window.innerHeight | 瀏覽器內部頁面實際可以繪製內容的版面配置矩形。 |
| 外部視窗 | window.outerWidth / window.outerHeight（若無法取得則退而使用視窗） | 瀏覽器框架、工具列、側邊面板、開發者工具以及平台專屬的裝飾元素。 |
| 裝置像素比 | window.devicePixelRatio | 瀏覽器在 CSS 像素與底層儲存區之間的縮放倍率。 |
| 估計的裝置像素 | round(CSS 螢幕 × 比率) | 刻意標示為估計值；在縮放、遠端顯示或隱私縮減等情況下，可能與原生面板像素不同。 |
| 方向標籤 | 比較 CSS 螢幕寬度與高度 | 橫向、直向或正方形——是對兩個回報數字的分類，並非感測器讀數。 |
舉一個具體的例子。瀏覽器回報 CSS 螢幕尺寸為 1440 × 900，且 devicePixelRatio = 2。估計的裝置像素尺寸為：
1440 × 2 = 2880 像素寬，而 900 × 2 = 1800 像素高。
如此可得到估計的底層儲存區為 2880 × 1800——這是在該環境下為圖片或畫布調整尺寸時可參考的關係。合約測試正好涵蓋這個案例：解析度 1440×900、比率為 2 時應產生 2880×1800。這個估計值誠實地表明了它的本質：是一個計算結果，而不是測量值。
報告無法告訴你實情的時候
由於報告上的每個欄位都來自瀏覽器，因此報告的可信度僅止於你讀取時的條件。變動只能顯示瀏覽器的座標環境發生了改變；它本身無法指出是哪一層造成了這個改變。想做出有用的疑難排解報告，應該把數值複製兩次——在某個特定動作之前與之後各一次——並另外記錄當下的條件。
有四個動作值得拿來比較：
- 變更瀏覽器縮放。縮放可能改變視窗與外部視窗的值，但不會改變面板所標示的解析度。
- 將視窗移到不同的螢幕。縮放設定不同的第二部螢幕會改變瀏覽器所回報的 CSS 螢幕座標空間。
- 進入或離開全螢幕模式。不同瀏覽器的全螢幕模式會影響外部視窗是否會被回報，以及回報的值為何。
- 變更作業系統的縮放設定。作業系統層級的縮放與 DPI 感知會改變 devicePixelRatio 以及瀏覽器所公開的 CSS 座標。
這些動作都不會告訴你任何關於實體面板本身的資訊。如果要購買、診斷或校準顯示器，下一步該參考的是作業系統的顯示設定、製造商的規格說明，或專用的硬體工具。瀏覽器式檢查工具無法測量吋、公分、每英吋點數、像素間距、更新率、HDR、色域、亮度、面板類型、實體對角線、傳輸線能力、GPU 輸出模式或 EDID 資料——而一個了解自身限制的檢查工具會明白地說明這一點，而不是把猜測偽裝成測量結果。
想進一步了解，請參閱 Screen Resolution Checker：解讀每一個回報的數字。