螢幕與瀏覽器資訊
工具說明
查看瀏覽器提供的螢幕與環境資訊，包括可見區域大小、視窗內外尺寸、螢幕解析度、devicePixelRatio、色彩配置偏好、語言、時區與 User-Agent。這些資料可協助重現顯示問題，並選擇適合的圖片匯出尺寸。
使用方式
- 瀏覽器可見區域與螢幕尺寸
- 裝置像素比（DPR）
- prefers-color-scheme 回報的色彩配置偏好
- 瀏覽器語言與時區
- 將全部資訊複製為文字
- 查看目前資訊: 開啟工具即可查看瀏覽器目前提供的資料。
- 調整尺寸並更新: 改變視窗大小或旋轉裝置後，重新整理顯示的資訊。
- 複製報告: 將報告貼到客服案件或傳送給團隊成員。
範例
- 回報顯示問題時記錄瀏覽器可見區域大小
- 依照 DPR 選擇適合高像素密度螢幕的圖片尺寸
- 在翻譯檢查時確認語言與地區設定
- 比較行動裝置與桌面模擬環境的 User-Agent 資訊
限制
- 顯示的數值來自瀏覽器 API，不代表保證正確的硬體規格
- 注重隱私的瀏覽器可能精簡或修改 User-Agent 資訊
- 顯示的資訊會直接從您的瀏覽器讀取，不會傳送至伺服器進行處理。
常見問題
- 為什麼顯示的螢幕尺寸與實際螢幕不同？
- 作業系統縮放、瀏覽器縮放與多螢幕設定都可能影響 screen.width 和 screen.height 的回報值。
- devicePixelRatio 是什麼？
- 它表示 CSS 像素與裝置實體像素之間的比例；許多 Retina 螢幕的數值為 2。
- 這個工具可以偵測機器人嗎？
- 不行。它只會顯示瀏覽器提供的環境資訊，不能可靠判斷使用者是否為機器人。