开发人员模式 developer-mode
在AEM中编辑页面时， 模式 包括开发人员模式。 这会打开一个侧面板，其中包含多个选项卡，用于向开发人员提供有关当前页面的信息。 这三个选项卡是：
这些帮助开发人员：
- 发现：页面由什么组成。
- 调试：发生在何处和何时的事件，这反过来有助于解决问题。
- 测试：应用程序是否按预期运行。
- 仅在触屏UI中可用（编辑页面时）。
- 在移动设备上或桌面上的小窗口上不可用（由于空间限制）。
- 当宽度小于1024像素时，会发生这种情况。
- 仅适用于
administrators群组。
- 在使用nosamplecontent run-mode的创作实例上
- 发布实例
打开开发人员模式 opening-developer-mode
开发人员模式作为页面编辑器的侧面板来实施。 要打开面板，请选择 开发人员 从页面编辑器工具栏的模式选择器中：
该面板分为两个选项卡：
组件 components
此时将显示一个组件树，该组件树：
-
概述在页面上呈现的组件和模板链（SLY、JSP等）。 可以展开树以显示层次结构中的上下文。
-
显示呈现组件所需的服务器端计算时间。
-
用于展开树并选择树中的特定组件。 通过选择组件，可以访问组件详细信息；例如：
- 存储库路径
- 指向脚本的链接(在CRXDE Lite中访问)
-
选定的组件（在内容流中，由蓝色边框指示）将在内容树中突出显示（反之亦然）。
这有助于：
- 确定并比较每个组件的渲染时间。
- 查看并了解层级。
- 通过查找慢速组件，了解并改进页面加载时间。
每个组件条目可显示（例如）：
-
查看详细信息:指向列表的链接，其中显示：
- 用于呈现组件的所有组件脚本。
- 此特定组件的存储库内容路径。
-
编辑脚本:链接：
- 在CRXDE Lite中打开组件脚本。
-
展开组件条目（箭头）也可显示：
- 所选组件中的层次结构。
- 单独呈现选定组件的呈现时间、嵌套在其中的任何单个组件以及组合的总计。
/libs. 但是，这些仅供参考，您 必须 编辑下的任何内容 /libs，因为您所做的任何更改都可能会丢失。 这是因为当您升级或应用修补程序/功能包时，此分支可能会发生更改。 您所需的任何更改均应在 /apps，请参阅 叠加和覆盖.错误 errors
希望 错误 选项卡将始终为空（如上所示），但出现问题时，将为每个组件显示以下详细信息：
- 当组件将条目写入错误日志、错误详细信息以及指向CRXDE Lite中相应代码的链接时，会出现警告。
- 组件打开管理员会话时出现警告。
例如，在调用了未定义方法的情况下，将在 错误 选项卡：
在发生错误时，“组件”选项卡树中的组件条目还会使用指示器进行标记。