開發人員模式 developer-mode
在Adobe Experience Manager (AEM)中編輯頁面時，有數種模式可供使用，包括開發人員模式。 這會開啟一個側面板，內含數個標籤，為開發人員提供目前頁面的相關資訊。 這三個索引標籤為：
這些功能可協助開發人員：
- 探索：組成頁面的專案。
- 偵錯：隨時隨地發生的狀況，進而協助解決問題。
- 測試：應用程式行為是否符合預期。
-
僅適用於觸控式UI （編輯頁面時）。
-
在行動裝置或桌上型電腦的小型視窗上無法使用（由於空間限制）。
- 當寬度小於1024畫素時，就會發生這種情況。
-
僅適用於
administrators群組成員的使用者。
- 在使用nosamplecontent執行模式的作者執行個體上
- 發佈執行個體
開啟開發人員模式 opening-developer-mode
開發人員模式會實作為頁面編輯器的側面板。 若要開啟面板，請從頁面編輯器工具列的模式選取器中選取 開發人員：
面板分為兩個標籤：
元件 components
這會顯示符合下列條件的元件樹狀結構：
-
概述元件鏈和在頁面上呈現的範本（SLY、JSP等）。 可展開樹狀結構以顯示階層內的前後關聯。
-
顯示呈現元件的伺服器端運算時間。
-
可讓您展開樹狀結構並選取樹狀結構中的特定元件。 選取範圍提供元件詳細資料的存取權，例如：
- 存放庫路徑
- 指令碼連結(在CRXDE Lite中存取)
-
選取的元件（在內容流程中，以藍色邊框表示）將在內容樹狀結構中反白顯示（反之亦然）。
這有助於：
- 決定並比較每個元件的演算時間。
- 檢視並瞭解階層。
- 找出緩慢的元件，瞭解並改善頁面載入時間。
每個元件專案都可顯示（例如）：
-
檢視詳細資料：顯示下列專案的清單連結：
- 用於呈現元件的所有元件指令碼。
- 此特定元件的存放庫內容路徑。
-
編輯指令碼：連結：
- 以CRXDE Lite開啟元件指令碼。
-
展開元件專案（箭頭標頭）也可顯示：
- 所選元件內的階層。
- 所選元件的單獨呈現時間、巢狀內嵌的任何個別元件，以及合併總數。
/libs下的指令碼。 不過，這些僅供參考，您 不得 編輯/libs下的任何專案，因為您所做的任何變更可能會遺失。 這是因為每當您升級或套用Hotfix或Feature Pack時，此分支很容易發生變更。 進行您在/apps下所需的任何變更。 請參閱覆蓋和覆寫。錯誤次數 errors
希望 錯誤 索引標籤永遠是空的（如上所述），但是當問題發生時，會顯示每個元件的下列詳細資料：
- 如果元件將專案寫入錯誤記錄檔，連同錯誤的詳細資訊以及指向CRXDE Lite內適當程式碼的直接連結，會出現警告。
- 如果元件開啟管理員工作階段，會出現警告。
例如，在呼叫未定義的方法的情況下，產生的錯誤會顯示在 錯誤 索引標籤中：
當發生錯誤時，「元件」標籤樹狀結構中的元件專案也會標示一個指示器。