Mobile and Offline Developer Guide

Mobile App Development with Lightning Web Components and LWC Offline
Create Mobile-Ready Components
Use Mobile Device Features in Mobile Apps
Offline Considerations and Limitations
Offline Environment Details
Use Salesforce Features While Offline
Development Tools and Processes
Quick Start Tutorials
Develop a Lightning Web Component Quick Action
Debug Lightning Web Components in the Field Service Mobile App
Install Local Development Server Plugin
Debug in iOS
Debug in Android
PDF

Newer Version Available

This content describes an older version of this product. View Latest

Debug in Android

Connect Chrome DevTools on your desktop to the WebView in the Field Service mobile app where your LWC is running.
To run the Field Service mobile app in an Android emulator, download and install the Salesforce Field Service mobile app APK file.
  1. On your emulated Android device, open the Settings app.
  2. Enter About emulated device into the search bar and click it.
  3. Scroll to the bottom of the page and click Build number seven times.
    The message “You are now a developer!” appears when you click it enough, indicating that developer mode is enabled for the emulator.
  4. Launch Chrome on your desktop.
  5. In the location bar, enter chrome://inspect/#devices.
  6. Click Inspect for the WebView under the Remote Target emulator you’re using.
A window appears containing your emulator with Chrome DevTools connected to it. You can use Chrome DevTools to inspect the LWC element, set breakpoints, and see the console output. As with iOS, you can use the standard web development techniques for working with HTML, JavaScript, and CSS to run, test, debug, and improve your LWC.
Chrome DevTools connected to the Field Service mobile app on Android, running our sample LWC

See Remote debugging WebViews for additional basics, and Debugging embedded JavaScript in an Android app using Chrome DevTools for a deep dive on debugging JavaScript in an embedded WebView of an Android mobile app.