當自己的H5項目內置於手機app內時,遇到了樣式問題或者想查看H5頁面代碼、數據交互以及緩存等情況來檢查數據,此時可以使用谷歌瀏覽器的控制台遠程調試手機,步驟如下:
一、手機開啟允許usb調試
二、手機通過數據線與電腦連接,允許授權調試(有的手機可能不會彈框提示)
三、打開谷歌瀏覽器控制台,找到Remote devices
四、允許谷歌連接手機設備,正常可以看到自己的手機類型,如Le X820
五、點擊設備,只要當前訪問的是H5頁面,就可以看到對應的鏈接
六、點擊Inspect,出現彈框,可以調試頁面樣式以及查看數據請求、控制台和緩存數據了,當在手機上操作頁面或在彈窗內操作頁面,兩端行為會保持一致,當在谷歌調試端修改代碼,真機也會立即響應。