AEM Quick Check

AEM快速检查即可立即访问AEM页面数据，调试工具和SEO检查，以获取更快的工作流程和团队协作。

AEM快速检查Chrome Extension是一种为与Adobe Experience Manager合作的专业人员而设计的提高生产力解决方案。它使开发人员，质量保证工程师和Scrum Masters能够快速访问关键页面信息，调试组件和执行页面上的检查 - 所有这些都来自直观的界面。这消除了对乏味的手动导航的需求，并在团队会议或站立期间进行讨论更加有效。

💎关键功能

1。域管理
- 添加和管理多个AEM域。
- 在配置的AEM环境之间快速切换。
- 为方便起见，保留最后一个选定的域。

2。页面状态
- 从“ .json” API端点检索并显示详细的页面信息，包括：
- 创建者：创建页面的用户。
- 创建：创建页面时的时间戳。
- 模板：与页面关联的模板。
- 上次发布：页面的最后一次推出日期。
- 最后修改：最后修改的时间戳。
- 修改者：上次修改页面的用户。

3。快速编辑
- 编辑页面属性：打开当前页面的AEM属性编辑器。
- 编辑页面：启动AEM编辑器以进行快速页面修改。
- 编辑模板：导航到与当前页面关联的模板的结构编辑器。

4。颜色格式切换器
- 在页面上检测到的颜色值的“ RGB”和`Hex'格式之间切换。
- 在视觉上吸引人的布局中显示页面上使用的所有颜色。
- 悬停在任何颜色上以查看其价值。

5。组件调试
- 在页面上突出显示AEM组件以易于识别。
- 直接在页面上显示组件类名称。

6。可访问性检查
- 外部链接：突出显示页面上的所有外部链接。
- 缺少alt文本：识别并突出显示图像缺少`alt`属性。
- 图像路径和分辨率：
- 查看页面上所有图像的路径。
- 显示图像的渲染分辨率以进行性能优化。

7。SEO检查
- 从当前页面提取和显示元标记，包括：
- 打开图（`og：*`）属性。
- Twitter Meta标签。
- 标准元标记，例如`description`和`关键字。

🚀如何开始

- 从Chrome Web Store安装AEM快速检查扩展名。
- 在WCM禁用模式下打开AEM作者页面。
- 通过单击浏览器工具栏中的图标来运行扩展名。

⚠️注意

- 配置选项卡功能仅在AEM页面编辑器和WCM禁用模式中可用。
- 对于非AEM站点，无法使用“配置”选项卡，但是扩展名的其他功能仍然可以访问。

🔰用例

- 开发人员：使用页面洞察和视觉工具进行调试和增强AEM页面。
- 内容作者：快速访问和编辑页面属性或模板而无需导航AEM菜单。
- Scrum：通过立即访问所需信息，减少手动查找详细信息的时间来加速团队在站立或会议期间进行讨论。
- 设计师：分析页面上使用的品牌颜色和字体。