使用Chrome(PC)調試移動設備上的網頁


  最早開始調試移動端網頁時,本人都是采取PC上改幾行代碼,手機上刷新一下看效果這種笨方法來開發的,效率低而且容易讓人抓狂。最近偶然發現原來可以使用PC上的瀏覽器來調試移動設備,不由得感嘆相逢恨晚。

  工具:

  • Chrome瀏覽器(PC)
  • Chrome Dev瀏覽器(移動設備)  

  步驟:

  • 在移動設備上安裝Chrome Dev瀏覽器,可以在軟件市場找到,安裝完成后用該瀏覽器打開需要調試的網頁
  • 在Chrome(PC)上輸入chrome://inspect/
  • 將移動設備通過USB與PC連接,期間會出現授權,是否打開USB調試等待操作選項,選擇允許/打開USB調試
  • 等待一小會,device界面會顯示連接成功,可以打開新URL,或進行reload,close等操作
  • 選擇inspect,就能像在PC上調試一樣在移動設備上調試網頁了


免責聲明!

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



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