Modalità Sviluppatore

Durante la modifica delle pagine in AEM, sono disponibili diverse modalità, inclusa la modalità Sviluppatore. Si apre un pannello laterale con diverse schede che forniscono allo sviluppatore informazioni sulla pagina corrente. Le tre schede sono:

• Componenti per visualizzare informazioni sulla struttura e sulle prestazioni.
• Test per l’esecuzione di test e l’analisi dei risultati.
• Si è verificato un errore durante la visualizzazione di eventuali problemi.

che aiutano uno sviluppatore a:

• Scopri: di quali pagine sono composte.
• Debug: cosa sta accadendo dove e quando, che a sua volta aiuta a risolvere i problemi.
• Prova: l'applicazione funziona come previsto.

Apertura della modalità Sviluppatore

La modalità Sviluppatore è implementata come pannello laterale all’editor pagina. Per aprire il pannello, selezionare Sviluppatore dal selettore modalità nella barra degli strumenti dell'editor pagina:

Il pannello è diviso in due schede:

• Componenti : mostra una struttura di componenti, simile alla struttura di contenuti per gli autori

• Errori - In caso di problemi, vengono visualizzati i dettagli per ciascun componente.

Componenti

Viene visualizzata una struttura di componenti che:

• Consente di delineare la catena di componenti e modelli di cui è stato eseguito il rendering sulla 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 (accesso in CRXDE Lite)

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

Questo può essere utile per:

• Determinare e confrontare il tempo di rendering per componente.
• Visualizzare e comprendere la gerarchia.
• Comprendere e migliorare il tempo di caricamento della pagina individuando componenti lenti.

Ogni voce di componente può mostrare (ad esempio):

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

  • tutti gli script di componente 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) può anche mostrare:

  • La gerarchia all'interno del componente selezionato.
  • Tempi di rendering del componente selezionato in modo isolato, dei singoli componenti nidificati al suo interno e del totale combinato.

  

Errori

Si spera che la scheda Errori sia sempre vuota (come sopra), ma quando si verificano dei problemi vengono visualizzati i seguenti dettagli per ciascun componente:

• Un avviso se il componente scrive una voce nel registro degli errori, insieme a dettagli sull’errore e collegamenti diretti al codice appropriato all’interno del 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 scheda Errors:

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

Prove