Visualforce Developer Guide

Introducing Visualforce
Tools for Visualforce Development
Getting a Quick Start with Visualforce
Customizing the Appearance and Output of Visualforce Pages
Standard Controllers
Standard List Controllers
Custom Controllers and Controller Extensions
Advanced Examples
Override Buttons, Links, and Tabs with Visualforce
Using Static Resources
Creating and Using Custom Components
Dynamic Visualforce Bindings
Dynamic Visualforce Components
Integrate Email with Visualforce
Visualforce Charting
Creating Maps with Visualforce
Render Flows with Visualforce
Templating with Visualforce
Developing Salesforce Apps with Visualforce
Salesforce Platform Development Process
Setting Up Your Development System
The Development Process and the Importance of Testing
Testing Visualforce Pages in the Salesforce Mobile App
Understanding the Salesforce Mobile App Container
Tell Me More: Where Visualforce Pages Can Appear in the Salesforce Mobile App Where Visualforce Pages Can Appear in the Salesforce Mobile App
Guidelines and Best Practices
Adding Visualforce to a Salesforce AppExchange App
Using JavaScript in Visualforce Pages
Communicating Across the DOM with Lightning Message Service
Visualforce Best Practices
Standard Visualforce Component Reference
Appendices
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.

Testing Visualforce Pages in the Salesforce Mobile App

If you’re creating pages that will be used in Lightning Experience, Salesforce Classic, and the Salesforce mobile app, review your pages in all environments while you’re working on them. To test thoroughly, use multiple browsers, or even multiple devices, to view your pages. You’ll want to have access to at least one additional test user as well.

Here’s an example of how you might set up your development environment.

Main Development Environment

This environment is where you work in Setup to make changes to your organization, like adding custom objects and fields, and maybe where you write actual code, if you use the Developer Console. Review your page’s design and behavior in Salesforce Classic in this environment.

  • Browser: Chrome
  • User: Your developer user
  • User interface setting: Salesforce Classic

Lightning Experience Review Environment

This environment is where you check your page’s design and behavior in Lightning Experience.

  • Browser: Safari or Firefox
  • User: Your test user
  • User interface setting: Lightning Experience

Salesforce App Review Environment

This environment is for checking your page’s design and behavior in the Salesforce mobile app.

  • Device: iOS or Android phone or tablet
  • Browser: Salesforce app
  • User: Your test user
  • User interface setting: Lightning Experience or Salesforce Classic