【ECTools 2.0 官方改版公告】本站已完成全新版面升級!

ECTools
研發與設計我的瀏覽器資訊與螢幕規格檢測器

我的瀏覽器資訊與螢幕解析度檢測器

專為開發者與設計師打造的「前端佈署檢查利器」。快速檢測瀏覽器環境(包含 UserAgent、系統時區與網路狀態)與螢幕物理規格(包含解析度、像素比與色彩深度),助您精準診斷版面兼容性與前端兼容性問題。
網頁視窗 (Viewport)CSS 邏輯像素
1024 × 768
當前網頁實際可顯示之長寬 (px)
瀏覽器外框寬度:1024 px
瀏覽器外框高度:768 px
顯示器物理解析度物理總像素
1920 × 1080
您的螢幕總像素點大小 (px)
可用顯示寬度:1920 px
可用顯示高度 (扣除工作列):1040 px
顯卡與顯示晶片資訊硬體資訊
設備像素比 (DPR)1x
色彩深度 (Bit)24-bit
螢幕方向:landscape
支援觸控螢幕:否 (No)

實時視窗縮放視覺模型

這代表您當前瀏覽器在可用實體螢幕內的相對比例大小。試著拉動調整瀏覽器視窗,該圖案將會即時縮放。

1024 × 768DPR: 1x
💡 縮放提示:當您在 Windows 系統開啟 125% 縮放時,DPR 會顯示為 1.25,Viewport 的寬高數值會對應等比縮減。

瀏覽器與軟體系統詳細規格

作業系統 (OS)Unknown
瀏覽器名稱Unknown
瀏覽器核心版本Unknown
偏好語言 (Language)Unknown
Cookie 支援已啟用 (Enabled)
網路連線狀態在線 (Online)
時區 (Timezone)

為什麼網頁設計師、前端開發者及 IT 技術支援需要檢測這些數據?

在多螢幕多裝置的網頁新時代,使用者透過 4 吋的手機、13 吋的筆電、甚至是 27 吋的寬大顯示器來瀏覽同一個網頁。這讓網頁設計在跨平台、跨核心的適配難度急劇上升。本檢測工具整合了物理與邏輯資訊,能提供最詳盡的診斷支持:

1. 輔助 RWD(響應式網頁設計)精準調試

網頁設計常常需要使用 CSS 媒體查詢 (Media Queries) 像是 `@media (max-width: 768px)` 來更換手機與電腦版版面。透過本頁面顯示的 Viewport 視窗尺寸,您可以完美得知在調整視窗時何時會觸發中斷點 (Breakpoints),保障最流暢的排版。

2. 高清 Retina 螢幕適配(DPR 對照)

當看到「設備像素比 (DPR) > 1」時,意味著瀏覽器正在運作邏輯像素映射。如果是 DPR=2,建議您的網站標誌、插圖都要上傳「雙倍大小的點陣圖(例如 200px 的圖案,準備 400px 的實體解析度圖片)」,否則在高畫質螢幕上看會嚴重模糊、產生馬賽克。

3. 提供遠端 IT 技術支援與報錯報告

當您的用戶或客戶表示「網頁畫面跑版」或「某個功能點擊沒反應」,您可以請他們直接點擊本頁的「複製系統報告」,然後傳送給您的 IT 技術團隊。這包含對方的瀏覽器版本、作業系統、以及螢幕比例,能省下 90% 來回詢問的時間。

4. 檢查瀏覽器隱私與相容性支援

部分企業網站需要瀏覽器開啟 Cookie 或是 JavaScript 才能進行購物車或會員登入。透過本檢測器的 Cookies 檢測、作業系統和地區語言,可以瞬間判讀是否有瀏覽器隱私攔截軟體造成網頁功能失效。

瀏覽器視窗與顯示規格常見問答 (FAQ)