Visualforce 开发工具

在开始开发 Visualforce 页面和组件之前，请熟悉不同的位置 要创建它们，请执行以下操作：

  • 构建 Visualforce 开发模式的最佳方式仅适用于具有“自定义”的用户 应用程序“权限。开发模式为您提供：
    • 每个 Visualforce 页面上包含页面视图的特殊开发页脚 状态、任何关联的控制器、指向组件参考文档的链接和页面 标记编辑器，提供突出显示、查找替换功能和自动建议 组件标记和属性名称。
    • 只需输入唯一的 URL 即可定义新的 Visualforce 页面。
    • 错误消息包含比标准用户更详细的堆栈跟踪 收到。
    要启用 Visualforce 开发模式，请执行以下操作：
    1. 从您的个人设置中，输入快速 “查找”框，然后选择“高级用户详细信息”。Advanced User Details没有结果？输入 “快速查找”框，然后选择“个人信息”。Personal Information
    2. 单击编辑。
    3. 选中“开发模式”复选框。
    4. （可选）选中“在开发模式下显示视图状态”复选框以 启用开发页脚上的“视图状态”选项卡。此选项卡可用于监视 Visualforce 页面的性能。
    5. 点击保存。
  • 您还可以通过 Salesforce 用户界面从设置中开发 Visualforce 页面 输入“快速查找”框，然后 选择 Visualforce 页面。对于 Visualforce 组件，请从“设置”中输入“快速查找”框，然后选择“Visualforce 组件”。Visualforce PagesComponents
  • 适用于 Visual Studio Code 的 Salesforce 扩展，其中包括 用于在轻量级、可扩展的 VS Code 编辑器中的 Salesforce 平台上进行开发的工具， 提供与开发组织（临时组织、沙箱和 DE 组织）合作的功能， Apex、Aura 组件和 Visualforce。

使用开发模式页脚

启用开发模式后，您可以通过导航到 页面的 URL。例如，如果某个页面被命名为 ，并且您的 Salesforce 实例是 MyDomainName.my.salesforce.com，请在浏览器的地址栏中输入 https:// MyDomainName.my.salesforce.com/apex/HelloWorld。开发模式还为您提供了特殊的开发 页脚用于编辑 Visualforce 页面和自定义控制器，以及监控 Visualforce 性能。HelloWorld启用开发模式后，将显示所有 Visualforce 页面 使用浏览器底部的开发模式页脚：

  • 单击带有页面名称的选项卡以打开页面编辑器以查看和编辑 关联的 Visualforce 标记，而无需返回“设置”区域。变化 保存页面后立即显示。
  • 如果页面使用自定义控制器，则控制器类的名称可用作 一个选项卡。单击选项卡以编辑关联的 Apex 类。
  • 如果页面使用任何控制器扩展，则每个扩展的名称都可用 作为选项卡。单击该选项卡可以编辑关联的 Apex 类。
  • 如果在安装程序中启用，则“视图状态”选项卡将显示信息 关于影响 Visualforce 页面视图状态的项目。
  • 单击“保存”（位于编辑窗格的正上方）以保存更改，然后 刷新页面内容。
  • 单击“组件引用”（Component Reference） 查看所有文档 支持的 Visualforce 组件。
  • 单击“在哪里使用？”以查看 引用页面的 Salesforce，例如自定义选项卡、控制器或其他 页面。
  • 单击“折叠”按钮 （“折叠”图标） 以折叠开发模式页脚 面板。单击“展开”按钮 （“展开”图标） 将其切换回打开状态。
  • 单击“禁用开发模式”按钮 （禁用开发模式图标） 以关闭 完全是开发模式。开发模式将保持关闭状态，直到您从 您的个人设置中的您的个人信息页面。

关于“视图状态”选项卡

网页的视图状态由以下所有数据组成 在服务器请求（如发送或接收数据）期间维护控制器的状态。 由于视图状态会影响页面的整体大小，因此页面的性能可以 依赖于有效管理视图状态。开发模式页脚中的“视图状态”选项卡 提供有关 Visualforce 页面与 Salesforce 交互时的视图状态的信息。

注意

了解页面请求过程的开发人员应使用“视图状态”选项卡。 在使用 标签。要启用“视图状态”选项卡，请执行以下操作：

  1. 从您的个人设置中，输入 “快速查找”框，然后选择“高级用户详细信息”。Advanced User Details没有结果？进入 “快速查找”框，然后选择“个人信息”。Personal Information
  2. 单击编辑。
  3. 选中“开发模式”复选框（如果未选中）。
  4. 选中“在开发模式下显示视图状态”复选框。
  5. 点击保存。

注意

由于视图状态链接到表单数据，因此“视图状态”选项卡仅在 页面包含标签。此外， “视图状态”选项卡仅在使用自定义控制器或控制器扩展的页面上显示。<apex:form>

“视图状态”选项卡由文件夹节点组成。如果单击任何文件夹，则饼图中带有 此时将显示“内容”选项卡。此图表显示文件夹的子 Visualforce 自定义控制器 Apex 对象或字段。您可以通过以下方式查看哪些元素对父项的整体大小有影响 将鼠标悬停在图形的各个部分上。这与各个文本节点的信息相同。 该图表要求在浏览器上启用 Flash 版本 6 或更高版本。Salesforce 允许 Visualforce 页面的最大视图状态大小为

170KB.“视图状态”选项卡显示页面上的哪些元素是 占用了这个空间。较小的视图状态大小通常意味着更快的加载时间。最小化 页面的视图状态，您可以优化 Apex 控制器代码并删除任何多余的 使用的 Visualforce 组件。例如：

  • 如果您注意到很大一部分视图状态 来自控制器或控制器扩展中使用的对象，请考虑优化 SOQL 调用以仅返回与 Visualforce 页面相关的数据。
  • 如果视图状态受大型组件的影响 树，尝试减少页面所依赖的组件数量。

“视图状态”选项卡包含以下列（按字母顺序）：

列描述
占家长的百分比自定义控制器、Apex 对象或字段占总大小的百分比 为父母做出贡献。
名字自定义控制器、Apex 对象或字段的名称。
大小自定义控制器、Apex 对象或字段的视图状态大小。
类型自定义控制器、Apex 对象或字段的类型。
价值字段的值。

“名称”列包含定义 Visualforce 页面各个部分的节点。它们是（按字母顺序排列）：

节点描述
组件树这代表了页面的整体结构。其大小受 页面上的组件数。一般来说，更少的组件意味着更小 组件树，这可能会导致更快的加载时间。您可以查看您的视图量 状态大小由组件树组成，方法是单击“视图” 状态文件夹。
内部这表示您的 Visualforce 页面使用的内部 Salesforce 数据。这不可能 由开发人员控制。您可以看到视图状态大小的构成 内部元素，方法是单击“状态”文件夹。
表达 式这表示 Visualforce 页面中定义的公式表达式使用的数据。
州此文件夹包含所有 Visualforce 自定义控制器 Apex 对象或字段。通过展开子 Controller 和 Controller Extension 文件夹，您可以 可以查看页面上的每个对象、其字段以及这些字段的值。 通常，这些取决于您的 Apex 控制器逻辑。
视图状态此文件夹包含所有节点。通过单击它，您可以找到整体 有关 Visualforce 的信息 页面的视图状态。“容量”选项卡告诉您分配的视图状态大小是多少 正在使用。如果超过该数量，该图表还会告诉您有多少 KB 你已经过去了。

关于 Visualforce 编辑器

通过开发模式页脚或从“设置”编辑 Visualforce 页面时，编辑器 具有以下功能：语法高亮显示编辑器会自动对关键字和所有关键字应用语法高亮显示 函数和运算符。搜索 （搜索图标)通过搜索，可以在当前页面、类或 触发。若要使用搜索，请在“搜索”文本框中输入字符串，然后单击“查找下一个”。

  • 要将找到的搜索字符串替换为另一个字符串，请输入新的 字符串，然后单击“替换”以仅替换该实例，或单击“全部替换”以替换该实例，然后单击“全部替换”以替换该实例，然后单击“替换” 页面中出现的搜索字符串的所有其他实例， 类或触发器。
  • 若要使搜索操作区分大小写，请选择“匹配大小写”选项。
  • 若要使用正则表达式作为搜索字符串，请选择“正则表达式”选项。常规 表达式遵循 JavaScript 的正则表达式规则。搜索 使用正则表达式可以找到换行超过 一行。如果将 replace 操作与 找到的字符串一起使用 一个正则表达式，替换操作也可以绑定 正则表达式组变量（、 等） 找到搜索字符串。例如，要将标签替换为标签，并保留所有 属性对原来完好无损，搜索并替换它 跟。$1$2<h1><h2><h1><h1(\s+)(.*)><h2$1$2>

转到行 （“转到行”图标)
此按钮允许您突出显示指定的行号。如果该行是 当前不可见，编辑器将滚动到该行。
撤消 （“撤消”图标） 和重做 （“重做”图标)
使用撤消可撤消编辑操作，使用重做可重新创建编辑操作 那被撤消了。
字体大小
从下拉列表中选择字体大小以控制 编辑器中显示的字符。
行和列位置
光标的行和列位置显示在状态栏中 编辑器的底部。这可以与转到行 （“转到行”图标） 一起使用，以快速浏览编辑器。
行数和字符数
行数和字符总数显示在状态栏中 编辑器的底部。
编辑器支持以下键盘快捷键：
Tab
在光标处添加一个选项卡
SHIFT+Tab
删除选项卡
CTRL+f
打开搜索对话框或搜索当前 搜索
CTRL+r
打开搜索对话框或替换当前 使用指定的替换字符串进行搜索
CTRL+g
打开“转到行”对话框
CTRL+s
执行快速保存。
CTRL+z
撤消上次编辑操作
CTRL+y
重新创建上次撤消的编辑操作

访问 Visualforce 页面的指标

要查询组织中 Visualforce 页面上的指标，请使用 Salesforce SOAP 中的对象 应用程序接口。

VisualforceAccessMetrics

要从对象中查询信息，请使用开发人员控制台中的查询编辑器。如果使用 Visual Studio Code，则可以 还可以使用 SOQL Builder 进行查询，SOQL Builder 是 Salesforce Extension Pack 的一部分。VisualforceAccessMetrics

下面是一个 SOQL 调用示例：

SELECT ApexPageId, DailyPageViewCount, Id, ProfileId, MetricsDate, LogDate FROM VisualforceAccessMetrics
参数描述
日志日期此参数提供记录页面访问的日期。此参数 适用于版本 216 及更高版本。
配置文件 Id与访问页面的用户关联的配置文件的 ID。这 参数可用于版本 216 及更高版本。
ApexPageId跟踪的 Visualforce 页面的 ID
每日页面浏览每个对象跟踪 字段中的每日页面查看次数。VisualforceAccessMetricsDailyPageViewCount
指标日期中指定了收集衡量指标的日期。MetricsDate

注意

页面查看量在页面查看后的第二天进行统计，每个对象在 90 次后删除 日。VisualforceAccessMetrics

使用 ， 你 可以跟踪组织中每个 Visualforce 页面在 24 小时内收到的浏览次数 时期。要了解页面在多天内获得了多少浏览量，您可以查询 同一 ApexPageId 的多个对象。VisualforceAccessMetricsVisualforceAccessMetrics