開發者模式

在AEM中編輯頁面時，有數個模式可供使用，包括開發人員模式。 這會開啟一個側面板，其中包含數個標籤，為開發人員提供目前頁面的相關資訊。 這三個標籤是：

• 🔗 元件，用於查看結構和效能資訊。
• 🔗 測試執行測試和分析結果。
• 🔗 錯誤，無法查看發生的任何問題。

這些功能可協助開發人員：

• Discover:頁面的組成。
• 調試：何時何地發生，進而有助於解決問題。
• 測試：應用程式是否如預期般運作。

開啟開發人員模式

開發人員模式是作為側面板實作到頁面編輯器。 若要開啟面板，請從頁面編輯器工具列的模式選取器中選取​開發人員:

面板分為兩個標籤：

• 元件 — 這會顯示與作者內容樹狀結構 類 似的元件樹

• 錯誤 — 發生問題時，會顯示每個元件的詳細資訊。

元件

這會顯示元件樹，其中包含：

• 概述在頁面上呈現的元件和範本鏈（SLY、JSP等）。 樹可以展開，以顯示階層內的內容。

• 顯示轉譯元件所需的伺服器端計算時間。

• 允許您展開樹並在樹中選擇特定元件。 「選擇」提供對元件詳細資訊的訪問；例如：

  • 儲存庫路徑
  • 指令碼連結(以CRXDE Lite存取)

• 選取的元件（在內容流程中，以藍色邊框表示）會在內容樹狀結構中反白顯示（反之亦然）。

這有助於：

• 決定並比較每個元件的轉譯時間。
• 請參閱並了解階層。
• 了解並改善頁面載入時間，方法是尋找緩慢的元件。

每個元件項目都可顯示（例如）:

• 查看詳細資訊:一個清單連結，其中顯示：

  • 用於呈現元件的所有元件指令碼。
  • 此特定元件的儲存庫內容路徑。

  

• 編輯指令碼:連結：

  • 以CRXDE Lite開啟元件指令碼。

• 展開元件輸入項（箭頭頭）也可以顯示：

  • 所選元件內的階層。
  • 單獨呈現所選元件、內嵌的任何個別元件以及合併總計的呈現時間。

  

錯誤

希望​Errors​標籤將始終為空（如上所示），但當出現問題時，將顯示每個元件的以下詳細資訊：

• 如果元件將項目寫入錯誤記錄，以及錯誤的詳細資訊，並將連結導向CRXDE Lite內的適當程式碼，則會發出警告。
• 元件開啟管理工作階段時出現警告。

例如，在呼叫未定義方法的情況下，產生的錯誤會顯示在​Errors​標籤中：

「元件」頁簽的樹中的元件條目在發生錯誤時也將用指示器標籤。

測試