Debug Your Components with Virtual Device Builds

After you set up your virtual device builds, you can use them to debug your components just as you would in a web browser.

Required Editions

Available in: all editions except Starter

To get started with debugging your components, connect your desktop browser to the Playground App builds running on your virtual devices. Then, use developers tools—Safari for iOS and Chrome for Android— to view and interact with HTML markup, step through JavaScript code, and to see console logging and error messages.

Note Playground App builds can help you debug your component’s web-based code, but it can’t help debug the platform-native code of the mobile app.

The virtual device builds generated by the Playground App enable you to preview your mobile Lightning web components on a wide range of simulated iOS and Android devices. To install a build onto a simulated device, see “Preview Your Components” in the Salesforce Mobile App.

Debug on iOS Using Safari Developer Tools
To debug your components running on iOS, use Safari Web Inspector. Then, to debug a mobile component, connect your desktop instance of Safari to the Salesforce mobile app running on your virtual device.
Debug on Android Using Chrome DevTools
To debug your components running on Android, use Chrome DevTools. Then, to debug a mobile component, connect your desktop instance of Google Chrome to the Playground App running on your virtual device.