You are here:
View and Edit Visualforce Pages
View and edit Visualforce page details, including when it was created, when it was last modified, and the Visualforce markup associated with the page.
Required Editions
| Available in: Salesforce Classic and Lightning Experience |
| Available in: Contact Manager, Group, Professional, Enterprise, Performance, Unlimited, and Developer Editions |
| User Permissions Needed | |
|---|---|
| To clone, edit, or delete Visualforce markup: | Customize Application |
| To edit custom Visualforce controllers | Author Apex |
- From Setup, enter Visualforce Pages in the Quick Find box, then select Visualforce Pages
- Click the name of a Visualforce page to view its details, including when it was created, when it was last modified, and the Visualforce markup associated with the page.
From the detail page, you can do any of the following:
- Click Edit to edit existing page markup.
- Click Delete to delete the page.
- Click Clone to create a copy of the page. You must specify a new name for the new page.
- Click Where is this used? to view a list of all references to the page in your organization.
- Click Show Dependencies to display the items, such as fields, objects, or other classes, that must exist for this class to be valid.
- Click Preview to open the page in a new window.
If the Visualforce page is contained in an installed managed package, the Installed Package indicates the package name. The Available in Package Versions field gives the range of package versions in which the Visualforce page is available. The first version number in the range is the first installed package version that contains the Visualforce page.
View and Edit Visualforce Pages with Development Mode Enabled
With development mode enabled, you can view and edit the content of a page by
navigating to the URL of the page. For example, if a page is named HelloWorld, and your Salesforce URL is
MyDomainName.my.salesforce.com,
enter
https://MyDomainName.my.salesforce.com/apex/HelloWorld
in your browser's address bar.
After enabling development mode, all Visualforce pages display with the development mode footer at the bottom of the browser:
- Click the tab with the name of the page to open the page editor to view and edit the associated Visualforce markup without having to return to the Setup area. Changes display immediately after you save the page.
- If the page uses a custom controller, the name of the controller class is available as a tab. Click the tab to edit the associated Apex class.
- If the page uses any controller extensions, the names of each extension are available as tabs. Clicking on the tab lets you edit the associated Apex class.
- If enabled in Setup, the View State tab displays information about the items contributing to the view state of the Visualforce page.
- Click Save (just above the edit pane) to save your changes and refresh the content of the page.
- Click Component Reference to view the documentation for all supported Visualforce components.
- Click Where is this used? to view a list of all items in Salesforce that reference the page, such as custom tabs, controllers, or other pages.
-
Click the Collapse button (
) to collapse the development mode footer panel.
Click the Expand button (
) to toggle it back open.
-
Click the Disable Development Mode button (
) to turn off development mode entirely. Development
mode remains off until you enable it again from your personal information
page in your personal settings.
