[Front-end] How to debug WeChat H5 web pages or WeChat mini programs with Google Chrome

[Front-end] How to debug WeChat H5 web pages or WeChat mini programs with Google Chrome

1. First, connect the USB data cable to the mobile phone to enter debugging mode.

2. WeChat access http://debugxweb.qq.com/?inspector=true Determine whether it can be used (you can open it) Use)

http://debugxweb.qq.com/?inspector=true

3. Open the page you need to debug on WeChat

4. Enter in the Google Chrome address bar chrome://inspect/#devices Wait for a while (the browser needs to have strong F function)

chrome://inspect/#devices

You can wait a little longer 

5. Click on the corresponding web page or applet inspect and the debugging bar will appear, then just like the normal debugging page, the applet can be opened Webview nested h5 page, so that you can open the debugging mode and see the call status of interface requests, pictures, etc.

For the rest, you can check the usage of chrome development tools