Chrome DevTools遠程調試手機頁面


 

一、准備

  1. pc端安裝最新的chrome
  2. 手機端安裝最新的chrome ( Android機 )
  3. USB連接線

二、具體步驟

  1. 假設你已經在電腦上下載了最新的chrome 也在手機上下載了最新的chrome

  2. USB設置 在你的手機里打開"設置"->"開發人員工具"->"USB調試" 打開USB調試。 因為Android手機型號眾多 很多人找不到"USB調試這個選項在哪" 而且大多數手機"開發者選項"默認是影藏的,你需要看下自己的手機說明然后將手機調到"開發者模式" 就可以找到 "USB調試了" 

  3. 假設你已經將手機設置為"USB調試"打開的狀態 將手機連接到電腦 手機會彈出是否鏈接 點擊確定
  4. 打開電腦的chrome 在地址欄輸入 chrome://inspect 選中 Discover USB devices 可以檢測到你的設備 可以看到監測到我的設備
  5. 打開手機上的chrome,進入某個網頁

  6. 點擊inspect,此時就是可以審查手機頁面上的元素了。

 

參考文章:手機web前端調試頁面的幾種方式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM