首先,需要打開手機的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樹的才能顯示。例如上圖的百度網盤小程序。
