開發和頁面差異

功能概觀

內容建立是一個反覆的過程。 製作具效率的內容需要能夠查看從一個迭代到另一個迭代的變化。 檢視一個頁面版本,然後檢視另一個頁面版本則無效率且容易出錯。 作者想要能夠並排比較目前頁面與先前版本的差異。

頁面差異可讓使用者比較目前頁面與啟動、舊版等。 有關此用戶功能的詳細資訊,請參見頁面差異

操作詳細資訊

比較頁面版本時,使用者想要比較的舊版會在背景重新建AEM立,以利比較。 這需要能夠呈現內容以便並排比較

此娛樂作業由內部AEM進行,對使用者透明,不需干預。 但是,在CRX DE Lite中查看儲存庫的管理員在內容結構中可以看到這些重新建立的版本。

比較內容時,會在下列位置重新建立整個要比較頁面的樹狀結構:

/tmp/versionhistory/

自動執行清除任務以清除此臨時內容。

權限

以前,在Classic UI中,必須特別考慮開發,以利AEM進行差異化(例如使用cq:text標籤庫,或自訂將DiffService OSGi服務整合至元件)。 新的比較功能不再需要這個功能,因為比較是通過DOM比較在客戶端進行。

不過,開發人員需要考慮許多限制。

  • 此功能使用名稱未與「產品」間隔開的CSSAEM類別。 如果頁面上包含其他具有相同名稱的自訂CSS類別或第三方CSS類別,則會影響比較的顯示。

    • html-added
    • html-removed
    • cq-component-added
    • cq-component-removed
    • cq-component-moved
    • cq-component-changed
  • 由於比較是客戶端,並在頁面載入時執行,因此在客戶端比較服務運行後對DOM的任何調整都不會計算在內。 這可能會影響

    • 用來包含內AJAX容的元件
    • 單頁應用程式
    • 在使用者互動時控制DOM的Javascript型元件。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now