我是在行動裝置上還是在桌面裝置上
你正在使用
偵測中…
使用 User Agent、Client Hints、觸控能力和螢幕大小。调整大小或旋轉後可重新檢查。
使用方法
- 開啟頁面 - 行動裝置、平板電腦或桌面裝置自動顯示在頂部。
- 當訊號改變時,調整視窗大小或旋轉手機即可觀看分類更新。
- 閱讀詳細資訊卡以查看觸控點、螢幕尺寸和用於答案的客戶端提示。
常見問题
我使用的是行動裝置還是桌上型裝置?
根據您的使用者代理裝置類型、使用者代理用戶端提示行動標誌(如果可用)、觸控功能和螢幕尺寸啟發,標題會回答行動裝置、平板電腦或桌面裝置。
為什麼桌面 DevTools 顯示行動版?
Chrome 和其他瀏覽器可以在裝置模擬模式下欺騙行動用戶代理程式。此頁面報告瀏覽器目前假裝的內容 - 關閉模擬以查看您真實的桌面設定檔。
手機和平板電腦有什麼差別?
電話報告移動。較大的觸控裝置通常會報告平板電腦。當使用者代理程式不明確時,此頁面也會使用螢幕寬度啟發法。
桌上型電腦可以觸摸嗎?
是的。觸控螢幕筆記型電腦可能會報告觸控點和粗略指針,同時用戶代理仍處於桌面狀態。詳細資訊卡顯示訊號如何組合。
為什麼當我調整視窗大小時它會改變?
在某些情況下,桌面上的狹窄視窗可能會觸發類似行動裝置的佈局啟發法。主要分類仍遵循使用者代理;調整監聽器的大小刷新觸控和螢幕上下文。
是否有資料發送到伺服器?
不會。分類在本機使用瀏覽器 API。
介紹
我在行動裝置上還是桌面裝置 會在您開啟頁面時給出簡單的答案 - 行動裝置、平板電腦 或 桌面裝置,並在下面列出該決定背後的訊號,以便您可以了解觸控筆記型電腦或 DevTools 模擬等邊緣情況。
網站會根據他們是否認為您正在使用手機來更改版面、廣告和功能。此頁面顯示他們使用的相同類別訊號,這有助於當網站卡在大型顯示器上的移動視圖中時,反之亦然。
分類如何運作
| Signal | Role |
|---|---|
| 用戶代理設備類型 | 來自解析器的主要行動/平板電腦/桌面標誌 |
客戶提示mobile |
暴露時鉻布林值 |
| 接觸點 | navigator.maxTouchPoints— 在大多數手機和平板電腦上 >0 |
| 粗指針 | CSS 媒體(pointer: coarse)— 典型的觸控 |
| 螢幕尺寸 | 幫助區分手機大小和平板電腦大小的觸控螢幕 |
置信度線解釋了應用的規則。
常見用例
- 響應式設計品質檢查 — 確認網站在目前視窗大小下應進入哪種模式。
- 偵錯重新導向 — 查看當您期望桌面時伺服器是否會將您視為行動裝置。
- DevTools 健全性檢查 — 驗證設備模擬是否仍處於啟用狀態。
- 教學 — 示範為什麼「移動」是從多個訊號推斷出來的,而不僅僅是螢幕寬度。
最佳實踐
- 測試真實桌面分類時,請關閉開發工具中的裝置模擬。
- 與what is my viewport size相比 — 佈局斷點使用視口,而不僅僅是行動裝置/桌面標籤。
- 有關供應商和型號,請參閱what device am I using。
- 若要獲得完整的環境快照,請開啟device info。