開發與頁面差異

功能概述

內容建立是一個迭代過程。 以效率製作需要能夠查看從一個迭代到另一個迭代的更改。 檢視一個頁面版本，而另一個頁面版本則效率低下且容易出錯。 作者想要能夠並排比較目前的頁面與上一個版本，並反白顯示差異。

頁面差異可讓使用者比較目前的頁面與啟動、舊版等。 如需此使用者功能的詳細資訊，請參閱 頁面差異.

操作詳細資訊

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

此休閒作業由AEM內部完成，且對使用者而言是透明的，不需要干預。 但是，如果管理員檢視儲存庫（例如在CRX DE Lite中），會在內容結構中看到這些重新建立的版本。

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

/tmp/versionhistory/

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

權限

之前，在傳統UI中，必須進行特殊開發考量，以便利AEM差異(例如使用 cq:text 標籤庫，或自訂整合 DiffService OSGi服務至元件)。 新差異功能不再需要此功能，因為差異會透過DOM比較在用戶端發生。

但開發人員需要考慮許多限制。

  • 此功能使用的CSS類別名稱與AEM Product不同。 如果頁面上包含其他具有相同名稱的自訂CSS類或第三方CSS類，則差異的顯示可能會受到影響。

    • html-added
    • html-removed
    • cq-component-added
    • cq-component-removed
    • cq-component-moved
    • cq-component-changed

  • 由於差異是用戶端並會在頁面載入時執行，因此在用戶端差異服務執行後對DOM所做的任何調整都不會計入。 這可能會影響

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

只有具有有效cq:editConfig節點的元件才能使用頁面差異比較。

本頁內容