Remote Debug
Developer can inspect logs and elements from native IDE by using remote debug.
Environment#
- native >= 2.53.0
- sdk >= 3.14.0
Other requirements#
‼️ Your cellphone is supposed to be the same local network with your computer.
‼️ Scan the qrcode with the same binance account with IDE logged account.
How to use#
- Click the Remote Debug Button which locates at the top of IDE.
Before doing that, you should login in first.
- Scan qrcode which generated from last step.
- A panel will be shown after scaning the qrcode
- You can do everything you want and inspect logs and elements by using this panel. And in the debugger for remote debugging, you can debug code in the Console panel, view the source code of a Mini Program and perform breakpoint or single-step debugging in the Sources panel.
You can execute bn related functions in it.
- Page will automatically refresh when there are any code change. If you don't want that, you can click the off button.
FAQ#
Q: Failed to connect to IDE?
A: Make sure your mobile device and IDE are in one local network so that mobile device can access IDE with IP an port.
Q: Why loading all the time?
A: You can try to capture the network requests and find which request is pending. Network may be unstable, please wait for minutes. And if not work either, you can ask somebody for help.
- If the request url starts with
/local-app-info/, you can ask IDE team for help. - If the request url starts with
detail, you can ask BE team for help. - others requests, you can ask IOS or Android team for help.
Q: What's the difference between remote debug and preview?
A: Remote debug will popup a Remote Debug window. To be furthur, remote debug will fetch worker-remote-debug.js and render-remote-debug.js. And these two files will replace Bridge with WebSocketBridge. WebSocketBridge will forwards all the requests for you.