Modalità Sviluppatore developer-mode

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.
CAUTION
Modalità sviluppatore:
  • È 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 che sono membri di administrators gruppo.

CAUTION
La modalità Sviluppatore è disponibile solo in un’istanza Autore standard che non utilizza la modalità di esecuzione nosamplecontent.
Se necessario, può essere configurato per l’uso:
  • in un’istanza dell’autore che utilizza la modalità di esecuzione nosamplecontent
  • un’istanza Publish
Deve essere disattivato nuovamente dopo l’uso.
NOTE
Consulta:

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

chlimage_1-11

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 components

chlimage_1-12

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 Liti)
  • 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):

chlimage_1-13

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

    chlimage_1-14

  • Modifica script: un collegamento che:

    • apre lo script del componente in CRXDE Liti.
  • 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.

    chlimage_1-15

CAUTION
Alcuni collegamenti puntano agli script in /libs. Tuttavia, queste sono solo a scopo di riferimento, non deve modifica qualsiasi elemento in /libs, poiché 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. Apporta le modifiche necessarie in /apps. Consulta Sovrapposizioni e sostituzioni.

Errori errors

chlimage_1-16

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

chlimage_1-17

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

Prove tests

CAUTION
In AEM 6.2, le funzioni di test della modalità Sviluppatore sono state reimplementate come applicazione per strumenti standalone.
Per informazioni dettagliate, consulta Verifica dell’interfaccia utente.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2