开发人员模式

在AEM中编辑页面时，多个 模式 可用，包括开发人员模式。 开发人员模式会打开一个侧面板，其中包含多个选项卡，为开发人员提供有关当前页面的技术信息。

有两个选项卡：

• 组件 用于查看结构和性能信息。
• 错误 查看出现的任何问题。

这些功能可帮助开发人员：

• 发现 页面的合成方式。
• 调试： 随时随地发生的事情，这反过来有助于解决问题。

打开开发人员模式

开发人员模式作为页面编辑器的侧面板实施。 要打开面板，请选择 开发人员 从页面编辑器工具栏中的模式选择器中：

该面板分为两个选项卡：

• 组件 — 这显示了一个组件树，类似于 内容树 对于作者
• 错误 — 出现问题时，将显示每个组件的详细信息。

“组件”选项卡

这显示了一个组件树，该组件树：

• 概述了页面上渲染的组件和模板链。 可以展开树以显示层次结构中的上下文。
• 显示渲染组件所需的服务器端计算时间。
• 允许您展开树并选择树中的特定组件。 选择提供对组件详细信息的访问；例如：
  • 存储库路径
  • 脚本链接(在CRXDE Lite中访问)
  • 组件详细信息，请参见 组件控制台
• 在树中选择的组件在编辑器中以蓝色边框指示。

此组件选项卡有助于：

• 确定并比较每个组件的渲染时间。
• 查看并了解层级。
• 通过查找慢速组件，了解并缩短页面加载时间。

每个组件条目可以具有以下选项：

• 查看详细信息： 指向列表的链接，其中显示：

  • 用于呈现组件的所有组件脚本。

  • 此特定组件的存储库内容路径。

    

• 编辑脚本： 在CRXDE Lite中打开组件脚本的链接。

• 查看组件详细信息： 在中打开组件的详细信息 组件控制台。

通过点按或单击V形标记来展开组件条目也可显示：

*选定组件中的层次结构。
*所选组件的单独呈现时间、嵌套在其中的任何单个组件以及合并总数。

“错误”选项卡

希望 错误 选项卡将始终为空（如上所述），但是当出现问题时，可能会为每个组件显示以下详细信息：

• 如果组件将条目写入错误日志，会出现警告，同时显示错误详细信息以及指向CRXDE Lite中相应代码的直接链接。
• 如果组件打开管理会话，则会显示警告。

例如，如果调用未定义的方法，则生成的错误将显示在 错误 选项卡和的树中的组件条目 组件 选项卡上也会在出现错误时标记一个指示器。

Business.Adobe.com 资源