關於瀏覽器與裝置
DPR與Color Depth
像素比和色彩深度所表示的顯示環境。
更新日期: 2026年10月9日
Device Pixel Ratio(DPR)是繪製一個CSS像素時使用的物理像素比例。DPR 2通常表示橫向與縱向各用兩個物理像素表示一個CSS像素。
什麼是Color Depth
Color Depth是瀏覽器公開的螢幕色彩位元數。24 bit很常見,但僅憑此值無法完整判斷面板色彩表現或HDR支援。
NetKarte如何取得
在NetKarte的裝置卡片中查看「DPR」與「Color Depth」,並搭配「螢幕解析度」與「Viewport」閱讀。更改顯示縮放或使用的螢幕後,重新診斷即可查看相應條件下的值。
DPR使用window.devicePixelRatio,Color Depth使用window.screen.colorDepth。頁面縮放或視窗在不同顯示器間移動時DPR可能改變。
如何理解結果
較高DPR是高密度顯示的線索,但不直接表示物理尺寸或解析度。這些是用於顯示調整的公開值,並非裝置唯一識別資訊。
DPR 2不是實體螢幕大小
例如100 CSS px寬的區域在DPR 2下約對應橫向200裝置像素,但不保證螢幕英寸或照片實際清晰度。比較前應統一頁面縮放與OS比例,並重新診斷。
同樣回報24 bit的顯示器,色域、亮度、校正或HDR可能不同,NetKarte不測量這些性質。影像模糊時,除DPR外還應依序檢查原圖尺寸、CSS放大及瀏覽器縮放。
參考資料
- W3C CSS Working Group: CSSOM View Module: Screen and viewport (外部網站)確認日期: 2026-10-09
- MDN Web Docs: Window.devicePixelRatio (外部網站)確認日期: 2026-10-09
- MDN Web Docs: Screen.colorDepth (外部網站)確認日期: 2026-10-09