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

Question

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

之一是，我想在editor.html

二的上方显示标尺和响应仿真器菜单是我想的部件有定制的带。例如，如果您在editor.html的某个页面上放置文本组件，则可以通过侧面的药物蓝点来调整该组件的宽度。

在Adobe论坛中的原始问题有我目前的配置，它不完全与屏幕截图和细节工作。

原题：https://forums.adobe.com/thread/2376694

会有人帮我解决，我有问题？

Answer 1

在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:deviceGroup属性添加到根内容节点（即在/ etc /移动/组/响应）

注：统治者将不会出现，除非页面被视为“响应”。在“仿真器”属性不能为空在http://localhost:4502/libs/wcm/core/content/pageinfo.json?path=<path to page>

布点模式

• 的cq:responsive节点添加到根内容节点（刚从geometrixx媒体抓住它）。例如：

  <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> 
  

• 如果不从基础页面组件继承，添加/libs/foundation/components/page/cq:infoProviders/responsive节点页面组件

• 变化“相提并论” parsys为类型wcm/foundation/components/responsivegrid
• 包括响应CSS客户端的lib在该项目（见下文）

更多信息：https://docs.adobe.com/docs/en/aem/6-2/author/page-authoring/responsive-layout.html