Preview and Debug MiniApps

In VS Code

1. Click Preview Miniapp in the plugin sidebar. Choose whether to auto-run npm start.

   • Yes: Manually input your MiniApp preview URL.

   • No: The plugin will run your start script and show the preview input afterward.

     

2. Paste your MiniApp URL in the top input field..

   

3. The preview will appear inside VS Code..

   

4. To debug, run Developer: Toggle Developer Tools from the command palette..

   

On Android Simulator

1. Click Preview Miniapp in Android Emulator..

   

2. Enter the preview URL in the field that appears..

   

3. Open Chrome → go to chrome://inspect/#devices → find the WebView and click Inspect..

   

   

   
   

On IOS Simulator

1. In Safari: Enable Develop menu in Preferences > Advanced.

   

2. Click Preview Miniapp in iOS Emulator, then select a simulator.

   

   

   
   

3. Enter the MiniApp preview URL.

   

4. In Safari: Go to Develop > Simulator, then click the WebView to inspect it.

   

5. Click the WebView object that you want to inspect, and then debug the miniapp in Web Inspector.