谷歌瀏覽器調試手機app內置網頁


當自己的H5項目內置於手機app內時,遇到了樣式問題或者想查看H5頁面代碼、數據交互以及緩存等情況來檢查數據,此時可以使用谷歌瀏覽器的控制台遠程調試手機,步驟如下:

一、手機開啟允許usb調試

二、手機通過數據線與電腦連接,允許授權調試(有的手機可能不會彈框提示)

三、打開谷歌瀏覽器控制台,找到Remote devices

四、允許谷歌連接手機設備,正常可以看到自己的手機類型,如Le X820

 

五、點擊設備,只要當前訪問的是H5頁面,就可以看到對應的鏈接

六、點擊Inspect,出現彈框,可以調試頁面樣式以及查看數據請求、控制台和緩存數據了,當在手機上操作頁面或在彈窗內操作頁面,兩端行為會保持一致,當在谷歌調試端修改代碼,真機也會立即響應。

 


免責聲明!

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



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