Modalità Sviluppatore developer-mode
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.
- È 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
administratorsgruppo.
- su un'istanza dell'autore che utilizza nosamplecontent run-mode
- un'istanza di pubblicazione
- articolo della knowledge base, Risoluzione dei problemi AEM TouchUI, per ulteriori suggerimenti e strumenti.
- sessione AEM Gems su AEM 6.0 Developer Mode.
Apertura della modalità Sviluppatore opening-developer-mode
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 components
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.
/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 errors
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.