Modalità Sviluppatore

Durante la modifica delle pagine in Adobe Experience Manager (AEM), diversi modalità , 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 test e analizzare i risultati.
• Errori per visualizzare eventuali problemi che si verificano.

Questi aiutano uno sviluppatore a:

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

Apertura 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 pagina:

Il pannello è diviso in due schede:

• Componenti : mostra una struttura ad albero dei componenti, simile alla struttura contenuto per autori

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

Componenti

Viene mostrata una struttura ad albero componente che:

• Consente di definire la catena di componenti e modelli di cui viene eseguito il rendering sulla pagina (SLY, JSP e così via). La struttura può essere espansa per mostrare il contesto all’interno della gerarchia.

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

• Consente di espandere la struttura e selezionare componenti specifici all'interno della struttura. La selezione consente di accedere ai dettagli dei componenti, ad esempio:

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

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

Questo può aiutare a:

• Determina e confronta il tempo di rendering per componente.
• Visualizzare e comprendere la gerarchia.
• Scopri e quindi migliora il tempo di caricamento della pagina individuando i componenti lenti.

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

• Visualizza dettagli: collegamento a un elenco che mostra:

  • tutti gli script di componenti utilizzati per eseguire il rendering del componente.
  • il 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 (punta freccia) può anche mostrare:

  • Gerarchia all’interno del componente selezionato.
  • I tempi di rendering per il componente selezionato sono isolati, tutti i singoli componenti nidificati al suo interno e il totale combinato.

  

Errori

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

• Un avviso se il componente scrive una voce nel registro degli errori, insieme a dettagli dell’errore e collegamenti diretti 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 viene visualizzato in Errori scheda:

Anche la voce del componente nella struttura della scheda Componenti verrà 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