Mobile and Offline Developer Guide
jNote: 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.
Use Built-In Mobile Tools and Features
-
Set up your development
environment
We recommend setting up the VS Code editor and the Salesforce DX tools for an end-to-end development experience. You’ll also want to set up a local development server and other tools that can help with mobile development.
-
Install the mobile extensions
plug-in for VS Code
Inspect and preview your components on virtual mobile devices before you deploy them to mobile users.
-
Install SLDS Linter
SLDS Linter is the latest code analysis tool that helps to prepare your components for use in SLDS 2. SLDS Linter analyzes your code against SLDS 2 rules. It offers suggestions on how to improve your code and make it more future-proof. SLDS Linter can also automatically fix your code and apply those suggestions in bulk across your repository.
-
Validate the component in mobile
preview environments
The preceding list of prerequisites prepares your environment for mobile previews, which helps you validate your visual changes and other basic mobile behavior.
-
Configure your component for
Lightning App Builder
Configuring your component for Lightning App Builder allows an admin or business user to use the component when they create or customize Lightning app pages and record pages. Alternatively, you can surface your Lightning web component via a custom tab instead.
-
Create a Lightning app page and
add the component to your mobile navigation
Enable your components for Lightning App Builder to allow admins to create Lightning pages with your components. Lightning app pages and record pages are supported for mobile experiences, such as the Salesforce mobile app and custom mobile apps. If you surface your component in a custom tab instead, make it available to the mobile app via App Manager or Salesforce Navigation in Setup.