為行動裝置編寫頁面

Adobe Experience Manager頁面是以回應式版面為基礎。 回應 式版面會自動調整您的內容以符合目標裝置,而不需要為特定裝置製作內容。

製作行動頁面時,頁面的顯示方式會模擬行動裝置。 編寫頁面時,您可以在多個模擬器之間切換,以查看使用者在存取頁面時所看到的內容。

裝置會根據裝置呈現頁面的功能,分組為類別功能、智慧型和觸控。 當使用者存取行動頁面時,AEM會偵測裝置並傳送與其裝置群組對應的表示法。

注意

若要根據現有標準網站建立行動網站,請建立標準網站的即時副本。 請參閱建立即時副本。

AEM開發人員可以建立新裝置群組。 請參閱建立裝置群組篩選器。

請依照下列程式製作行動頁面:

  1. 在全局導航中,開啟​Sites​控制台。

  2. 編輯內容頁面。

  3. 按一下頁面頂端的​Emulator​圖示,切換至所需的模擬器。

    模擬器圖示

  4. 將元件從元件瀏覽器或資產瀏覽器拖放至頁面。

  5. 根據選取 的裝置修改頁面及其元件的回應式版面。

頁面看起來將類似下列:

行動範例

注意

當從行動裝置要求製作執行個體上的頁面時,模擬器會停用。

本頁內容