开发人员模式 developer-mode
在AEM中编辑页面时,有多种模式可用,包括开发人员模式。 开发人员模式会打开一个侧面板,其中包含多个选项卡,为开发人员提供有关当前页面的技术信息。
有两个选项卡:
这些功能可帮助开发人员:
- 了解 页面的撰写方式。
- 调试: 随时随地发生的情况,这反过来有助于解决问题。
NOTE
开发人员模式:
- 在移动设备或桌面上的小窗口中不可用(由于空间限制)。
- 当宽度小于1024像素时,会发生这种情况。
- 仅适用于属于
administrators
组的用户。
打开开发人员模式 opening-developer-mode
开发人员模式作为页面编辑器的侧面板实施。 要打开面板,请从页面编辑器工具栏的模式选择器中选择 开发人员:
该面板分为两个选项卡:
“组件”选项卡 components
这显示了一个组件树,该组件树:
-
概述页面上呈现的组件和模板链。 可以展开树以显示层次结构中的上下文。
-
显示呈现组件所需的服务器端计算时间。
-
允许您展开树并选择树中的特定组件。 选择提供对组件详细信息的访问;例如:
- 存储库路径
- 脚本链接(在CRXDE Lite中访问)
- 组件详细信息,如组件控制台中所示
-
在树中选择的组件在编辑器中以蓝色边框指示。
此组件选项卡有助于:
- 确定并比较每个组件的渲染时间。
- 查看并了解层级。
- 通过查找较慢的组件,了解并缩短页面加载时间。
每个组件条目可以具有以下选项:
-
查看详细信息: 显示以下内容的列表链接:
-
用于呈现组件的所有组件脚本。
-
此特定组件的存储库内容路径。
-
-
编辑脚本: 在CRXDE Lite中打开组件脚本的链接。
-
查看组件详细信息: 在组件控制台中打开组件的详细信息。
通过点按或单击V形标记来展开组件条目也可显示:
*选定组件中的层次结构。
*单独呈现选定组件、嵌套在其中的任何单个组件以及合并的总计的次数。
“错误”选项卡 errors
希望 错误 选项卡始终为空(如上所述),但在出现问题时,可能会显示每个组件的以下详细信息:
- 如果组件将条目写入错误日志,同时记录错误详细信息并指向CRXDE Lite中相应代码的链接,则会发出警告。
- 如果组件打开管理会话,会出现警告。
例如,如果调用了未定义的方法,则生成的错误将显示在 错误 选项卡中,并且 组件 选项卡树中的组件项在出现错误时也会标记一个指示符。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab