AEM：响应网格不显示布局模式

我在Adobe论坛上发布了与AEM相关的问题，但我仍然无法解决配置问题

一个是我想在editor.html顶部显示标尺和响应模拟器菜单

第二，我希望组件具有可定制性。例如，如果您将文本组件放在editor.html的页面上，您可以在组件的侧面用蓝色点调整其宽度

AdobeForum中的原始问题是我当前的配置，它与屏幕截图和详细信息不太兼容

原始问题：

---

有谁能帮我解决这个问题吗

要在AEM中启用标尺和布局模式，需要做几件事

标尺（仿真器）

• 确保

  /libs/wcm/mobile/components/simulator/simulator.jsp

  位于页面的头部
• 向

  MobileEmulatorProvider

  注册页面组件。例如：

  com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider-alias.xml:
  mobile.resourceTypes=[geometrixx-media/components/page]
  

  <cq:responsive jcr:primaryType="nt:unstructured">
     <breakpoints jcr:primaryType="nt:unstructured">
        <phone jcr:primaryType="nt:unstructured" title="{String}Phone" width="{Decimal}768"/>
        <tablet jcr:primaryType="nt:unstructured" title="{String}Tablet" width="{Decimal}1200"/>
     </breakpoints>
  </cq:responsive>
  

• 将

  cq:deviceGroup

  属性添加到根内容节点（即/etc/mobile/groups/responsive）

注意：除非页面被视为“响应”，否则标尺不会显示。

http://localhost:4502/libs/wcm/core/content/pageinfo.json?path=

布局模式

• 将

  cq:responsive

  节点添加到根内容节点（只需从geometrixx media抓取即可）。例如：

  com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider-alias.xml:
  mobile.resourceTypes=[geometrixx-media/components/page]
  

  <cq:responsive jcr:primaryType="nt:unstructured">
     <breakpoints jcr:primaryType="nt:unstructured">
        <phone jcr:primaryType="nt:unstructured" title="{String}Phone" width="{Decimal}768"/>
        <tablet jcr:primaryType="nt:unstructured" title="{String}Tablet" width="{Decimal}1200"/>
     </breakpoints>
  </cq:responsive>
  

>p>如果不从基础页组件继承，则添加<代码> /LIBS/Fung/Posie/Page /CQ：信息提供者/响应< /代码>节点到页面组件
• 将“par”部件更改为wcm/foundation/components/responsivegrid类型
• 在项目中包括响应css客户端库（见下文）

---

更多信息：

我仍然不知道是什么让emulator隐藏起来，但当我关注@mickleroy的帖子时。成功了！谢谢你的回答！