Chrome Inspect調試微信出現空白頁面的解決方法


 

首先,需要打開手機的USB調試和微信的TBS 調試開關。

如果不打開TBS開關,Inspect時會檢測不到任何微信的H5頁面

使用微信掃碼下方二維碼,打開TBS調試開關:

普通網頁

微信里給自己發送http://debugx5.qq.com。然后打開,設置Inspect調試

小程序

微信掃描上方二維碼后,會出現以下頁面:

等待跳轉或點擊“開啟遠程調試開關”

打開Inspect調試,點擊確定

然后,打開chrome://inspect,點擊Inspect。此時,如果沒有FanQ或使用離線開發者工具包,會出現空白頁面:

解決方法:

  方法1. FanQ

  方法2. 使用使用離線開發者工具包

  方法3. 使用Android的WebView調試工具

如果出現左側空白,簡單修改css樣式激活一下就可以了,如下動圖演示:

微信調試左側空白

 微信小程序inspect時出來3個頁面,有的是打開page-frame.html頁面,有的是index.html頁面。可以都打開試試,有DOM樹的才能顯示。例如上圖的百度網盤小程序。


免責聲明!

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



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