Remote Debugging

For ease of real machine debugging, the Mini Program Studio provides the remote real machine debugging function. With the remote real machine debugging, you can:

• Perform breakpoint debugging of remote Mini Program in IDE

• View the AXML structure and style of remote interface in IDE

• View cellphone's network, storage and other information in IDE

• View Mini Program running log on cellphone in IDE

Click Debug in the top-right toolbar and confirm to push and generate debugging QR code:

After scanning with the app, the simulator shows the connection information. Meanwhile the cellphone shows the remote debugging mode has been connected. Now you can open the DevTool window to debug.

For example, you can normally inspect axml elements.

And you can perform break point debugging. Just select the Sources tab of the devtool, and then choose the specific js file. You can simple click the line number to add break point or right click the line number to show the break point prompt and then add a conditional break point. If the break point hits, the break pint line will become blue and there will be a hint in the phone showing break point hits.

Attention in the remote debugging: make sure to disconnect remote debugging after modifying code each time, and then push again, repeat the steps to scan to connect and perform remote debugging.