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.
ATTENZIONE

Modalità sviluppatore:

  • È disponibile solo nell’interfaccia touch (durante la modifica delle pagine).

  • Non è disponibile su dispositivi mobili o piccole finestre sul desktop (a causa di limitazioni di spazio).

    • Questo si verifica quando la larghezza è inferiore a 1024 px.
  • È disponibile solo per gli utenti che sono membri del gruppo administrators gruppo.

ATTENZIONE

La modalità Sviluppatore è disponibile solo in un’istanza standard dell’autore che non utilizza la modalità di esecuzione nosamplecontent.

Se necessario, può essere configurato per l’uso:

  • su un'istanza dell'autore che utilizza nosamplecontent run-mode
  • un'istanza di pubblicazione

Dopo l’utilizzo, deve essere nuovamente disattivato.

NOTA

Vedi:

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:

chlimage_1-11

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

chlimage_1-12

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:

chlimage_1-13

  • 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.

    chlimage_1-14

  • 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.

    chlimage_1-15

ATTENZIONE

Alcuni collegamenti indicano gli script in /libs. Tuttavia, questi sono solo per riferimento, non deve modifica qualsiasi elemento in /libs, poiché eventuali modifiche apportate potrebbero andare perse. Questo è dovuto al fatto che questo ramo è suscettibile di modifiche ogni volta che aggiorni o applichi un hotfix/feature pack. Eventuali modifiche necessarie devono essere apportate in /apps, vedi Sovrapposizioni e sostituzioni.

Errori

chlimage_1-16

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:

chlimage_1-17

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

Prove

ATTENZIONE

Nella AEM 6.2, le funzioni di test della modalità Sviluppatore sono state reimplementate come applicazione autonoma di Strumenti.

Per maggiori dettagli vedi Verifica dell’interfaccia utente.

In questa pagina