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
Understand the Mobile Development Cycle
Set Up Your Development Environment
Preview Components on Mobile
Validate Lightning Web Components for Offline Use
Develop Offline-Ready LWCs with the LWC Offline Test Harness
Test Harness Overview
Install the Test Harness App
Use the Test Harness App
Debug Lightning Web Components
Enable Debugging for LWC Developers
Debug in Android
Debug in iOS
Debug Mobile Components
Customize the Offline Experience for the Salesforce Mobile App
Use MCP Tools for Mobile LWC and Offline Development (Beta)
Build Native Mobile Apps with Mobile Procode Skills
Quick Start Tutorials
PDF

Note: This release is in preview. Features described here don’t become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can’t guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Debug in iOS

Follow these steps to attach Safari Web Inspector in your browser to the webview of the Test Harness app.
  1. Launch Safari on your Desktop.
  2. Select Safari | Preferences.
  3. Select Advanced.
  4. Enable Show Develop menu in menu bar. Then close the Preferences panel.
    You only need to do this step once for your development system.
  5. Select Develop | Simulator - device - version, where the Simulator is the one that you’ve opened with the Test Harness app for testing your new Lightning web component.
    A window appears, showing the Safari Web Inspector developer tools connected to your simulator. You can use these tools and standard web development techniques to refine and improve your content. Web inspector in Safari

For additional information about the Web Inspector and how to use it, see Apple Web Development Tools (Apple).