Modalità Sviluppatore
Durante la modifica delle pagine in Adobe Experience Manager (AEM), sono disponibili diverse 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 la visualizzazione di informazioni sulla struttura e sulle prestazioni.
- Test per l'esecuzione di test e l'analisi dei 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.
ATTENZIONE-
È disponibile solo nell’interfaccia touch (quando si modificano le pagine).
-
Non è disponibile su dispositivi mobili o piccole finestre sul desktop (a causa di limitazioni di spazio).
- Ciò si verifica quando la larghezza è inferiore a 1024 px.
-
È disponibile solo per gli utenti membri del gruppo
administrators.
ATTENZIONE- in un’istanza dell’autore che utilizza la modalità di esecuzione nosamplecontent
- un’istanza Publish
NOTA- Articolo della Knowledge Base, Risoluzione dei problemi relativi all'interfaccia utente touch di AEM, per ulteriori suggerimenti e strumenti.
- Sessione AEM Gems su AEM 6.0 Developer Mode.
Apertura modalità sviluppatore
La modalità Sviluppatore viene implementata come pannello laterale nell’editor di pagine. Per aprire il pannello, seleziona Sviluppatore dal selettore di modalità nella barra degli strumenti dell'editor di pagine:
Il pannello è diviso in due schede:
-
Componenti - Viene visualizzata una struttura ad albero componente simile alla struttura contenuto per gli autori
-
Errori - Quando si verificano 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 visualizza:
- 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.
ATTENZIONE/libs. Tuttavia, queste sono solo a scopo di riferimento, non deve modificare nulla in /libs, in quanto eventuali modifiche apportate potrebbero andare perse. Questo perché questo ramo può subire modifiche ogni volta che aggiorni o applichi un hotfix o un feature pack. Apportare le modifiche necessarie in /apps. Vedi Sovrapposizioni e sostituzioni.
