在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
我STI我不明白是什麼讓模擬器隱藏起來,但是當我關注@mickleroy的帖子。有效! 謝謝你的回答! –