---
schema_version: "1"
id: f928f3aaf08489e68b171a8747e254e331cdd3c0da6f012d81476caae631ad78
title: View and Edit Visualforce Pages
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/pages_edit.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.pages_edit.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b58bf39658d1973c51f287642babb475d42e3dbdbf05403aa85917657fa0778b
description: View and edit Visualforce page details, including when it was created, when it was last modified, and the Visualforce markup associated with the page.
products:
  - Salesforce Platform
release: "264"
---
# 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

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: Salesforce Classic and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Contact Manager</strong>, <strong>Group</strong>, <strong>Professional</strong>, <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d13489e82">User
              Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d13489e82 ">To clone, edit, or delete Visualforce markup:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d13489e82 ">Customize Application</td>

          </tr>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d13489e82 ">To edit custom Visualforce controllers</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d13489e82 ">Author Apex</td>

          </tr>
        </tbody>
      </table>

1. From Setup, enter Visualforce Pages in the Quick Find box, then select **Visualforce Pages**
2. 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.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_code-264-0-0-production-enus/789bc523-706b-4ae4-8fe9-be6322e38b6b/images/icon_note.png)

Note If the Visualforce page is contained in an installed managed package, you can only view the page. You can’t edit, delete or clone it.

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 (![Collapse icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_code-264-0-0-production-enus/789bc523-706b-4ae4-8fe9-be6322e38b6b/extend_code/images/collapse.gif)) to collapse the development mode footer panel. Click the Expand button (![Expand icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_code-264-0-0-production-enus/789bc523-706b-4ae4-8fe9-be6322e38b6b/extend_code/images/expand.gif)) to toggle it back open.
- Click the Disable Development Mode button (![Disable development mode icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-platform-extend_code-264-0-0-production-enus/789bc523-706b-4ae4-8fe9-be6322e38b6b/extend_code/images/pages_disable_development_mode.gif)) to turn off development mode entirely. Development mode remains off until you enable it again from your personal information page in your personal settings.