Modalità Sviluppatore

Durante la modifica di pagine in AEM, diverse modalità sono disponibili, inclusa la modalità Sviluppatore . Viene aperto un pannello laterale con diverse schede che forniscono a uno sviluppatore informazioni sulla pagina corrente. Le tre schede sono:

• Componenti per visualizzare informazioni sulla struttura e sulle prestazioni.
• Test per eseguire i test e analizzare i risultati.
• Errori per vedere eventuali problemi.

Queste consentono a uno sviluppatore di:

• Scopri: di quali pagine sono composte.
• Debug: cosa succede dove e quando, che a sua volta aiuta a risolvere i problemi.
• Test: l'applicazione si comporta come previsto.

Apertura della modalità Sviluppatore

La modalità Sviluppatore viene implementata come pannello laterale nell’editor di pagine. Per aprire il pannello, seleziona Sviluppatore dal selettore modalità nella barra degli strumenti dell’editor di pagine:

Il pannello è diviso in due schede:

• Componenti - Viene visualizzata una struttura ad albero dei componenti, simile a struttura contenuto per autori

• Errori - Quando si verificano dei problemi, vengono visualizzati i dettagli di ciascun componente.

Componenti

Viene visualizzata una struttura ad albero dei componenti che:

• Illustra la catena di componenti e modelli di cui è stato eseguito il rendering nella pagina (SLY, JSP, ecc.). La struttura ad albero può essere espansa per mostrare il contesto all’interno della gerarchia.

• Mostra il tempo di calcolo lato server necessario per eseguire il rendering del componente.

• Consente di espandere la struttura ad albero e selezionare componenti specifici all’interno della struttura. La selezione permette di accedere ai dettagli dei componenti; quali:

  • Percorso archivio
  • Collegamenti agli script (a cui si accede in CRXDE Lite)

• I componenti selezionati (nel flusso del contenuto, indicati da un bordo blu) vengono evidenziati nella struttura del contenuto (e viceversa).

Questo può essere utile per:

• Determina e confronta il tempo di rendering per componente.
• Visualizzare e comprendere la gerarchia.
• Comprendere e quindi migliorare il tempo di caricamento della pagina trovando componenti lenti.

Ogni voce di componente può mostrare (ad esempio:

• Visualizza dettagli: un collegamento a un elenco che mostra:

  • tutti gli script di componenti utilizzati per il rendering del componente.
  • percorso del contenuto dell’archivio per questo componente specifico.

  

• Modifica script: un collegamento che:

  • apre lo script del componente in CRXDE Lite.

• L’espansione di una voce di componente (freccia a testa) può anche mostrare:

  • La gerarchia all’interno del componente selezionato.
  • Tempi di rendering del componente selezionato in isolamento, di tutti i singoli componenti nidificati al suo interno e del totale combinato.

  

Errori

Speriamo che Errori La scheda sarà sempre vuota (come sopra), ma quando si verificano problemi, per ogni componente vengono visualizzati i seguenti dettagli:

• Un avviso se il componente scrive una voce nel registro degli errori, insieme ai dettagli dell’errore e indirizza i collegamenti al codice appropriato all’interno di CRXDE Lite.
• Un avviso se il componente apre una sessione di amministrazione.

Ad esempio, in una situazione in cui viene chiamato un metodo non definito, l’errore risultante verrà visualizzato nella Errori scheda:

Anche la voce del componente nella struttura della scheda Componenti viene contrassegnata con un indicatore quando si verifica un errore.

Prove

Risorse Business.Adobe.com

Auto Text Summarization Personalized Communications Responsive Forms Web Content Management Digital Rights Management Headless Cms