Ontwerpmodus

Bij het bewerken van pagina's in AEM, diverse modi zijn beschikbaar, inclusief de modus Ontwikkelaar. Hiermee wordt een zijpaneel geopend met verschillende tabbladen die een ontwikkelaar informatie geven over de huidige pagina. De drie tabbladen zijn:

  • Componenten voor het bekijken van structuur en prestatiesinformatie.
  • Tests voor het uitvoeren van tests en het analyseren van de resultaten.
  • Fouten om te zien welke problemen zich voordoen.

Deze hulp een ontwikkelaar om:

  • Detecteren: waaruit bestaan de pagina's?
  • Foutopsporing: waar en wanneer gebeurt dat , wat op zijn beurt helpt om problemen op te lossen .
  • Testen: gedraagt de toepassing zich zoals verwacht.
LET OP

Modus Ontwikkelaar:

  • Deze optie is alleen beschikbaar in de interface met aanraakbediening (wanneer u pagina's bewerkt).
  • Is niet beschikbaar op mobiele apparaten of kleine vensters op het bureaublad (vanwege ruimtebeperkingen).
    • Dit gebeurt wanneer de breedte minder dan 1024 px is.
  • Is alleen beschikbaar voor gebruikers die lid zijn van de administrators groep.
LET OP

De wijze van de ontwikkelaar is slechts beschikbaar op een standaardauteursinstantie die niet de runtime-wijze van de nosamplcontent gebruikt.

Indien vereist kan het voor gebruik worden gevormd:

  • op een instantie van de auteur die geen runtime van de Inhoud gebruikt
  • een publicatie-instantie

Het moet na gebruik opnieuw worden uitgeschakeld.

OPMERKING

Zie het volgende:

Ontwerpmodus openen

De modus Ontwikkelaar wordt als een zijpaneel geïmplementeerd in de pagina-editor. Selecteer Ontwikkelaar in de moduskiezer op de werkbalk van de pagina-editor:

chlimage_1-229

Het deelvenster bestaat uit twee tabbladen:

  • Componenten - Dit toont een componentenboom, gelijkend op inhoudsstructuur voor auteurs

  • Fouten - Als er problemen optreden, worden de details voor elke component weergegeven.

Onderdelen

chlimage_1-230

Dit toont een componentenboom die:

  • Hiermee wordt de keten van componenten en sjablonen die op de pagina worden weergegeven (SLY, JSP, enz.) weergegeven. De structuur kan worden uitgebreid om de context binnen de hiërarchie te tonen.

  • Geeft de computertijd aan de serverzijde weer die nodig is om de component te renderen.

  • Hiermee kunt u de structuur uitvouwen en specifieke componenten in de structuur selecteren. De selectie biedt toegang tot componentdetails; zoals:

    • Pad naar opslagplaats
    • Koppelingen naar scripts (geopend in CRXDE Lite)

  • Geselecteerde componenten (in de inhoudsstroom, aangegeven door een blauwe rand) worden gemarkeerd in de inhoudsstructuur (en andersom).

Dit kan helpen bij:

  • Bepaal en vergelijk de rendertijd per component.
  • Zie en begrijp de hiërarchie.
  • Begrijp en verbeter vervolgens de laadtijd van de pagina door langzame componenten te zoeken.

Elk componentitem kan worden weergegeven (bijvoorbeeld:

chlimage_1-231

  • Details weergeven: een koppeling naar een lijst met:

    • alle componentscripts die worden gebruikt om de component te renderen.
    • het inhoudspad van de gegevensopslagruimte voor deze specifieke component.

    chlimage_1-232

  • Script bewerken: een koppeling die:

    • Hiermee wordt het componentscript in CRXDE Lite geopend.

  • Door een componentitem uit te vouwen (pijlkop) kunt u ook het volgende weergeven:

    • De hiërarchie binnen de geselecteerde component.
    • Renderingtijden voor de geselecteerde component afzonderlijk, eventuele afzonderlijke componenten die erin zijn genest en het gecombineerde totaal.

    chlimage_1-233

LET OP

Sommige koppelingen wijzen naar scripts onder /libs. Deze zijn echter uitsluitend ter referentie, u mogen alles onder bewerken /libs, omdat eventuele wijzigingen die u aanbrengt, verloren kunnen gaan. Dit is toe te schrijven aan het feit dat deze tak aan veranderingen kan zijn wanneer u bevordert of een hotfix/eigenschappak toepast. Alle wijzigingen die u nodig hebt, moeten onder /apps, zie Bedekkingen en overschrijvingen.

Fouten

chlimage_1-234

Hopelijk Fouten tab is altijd leeg (zoals hierboven), maar wanneer er problemen optreden, worden de volgende details voor elke component weergegeven:

  • Een waarschuwing als de component een ingang aan het foutenlogboek, samen met details van de fout en directe verbindingen aan de aangewezen code binnen CRXDE Lite schrijft.
  • Een waarschuwing als de component een beheersessie opent.

Wanneer bijvoorbeeld een niet-gedefinieerde methode wordt aangeroepen, wordt de resulterende fout weergegeven in het dialoogvenster Fouten tab:

chlimage_1-235

Het componentitem in de structuur van het tabblad Componenten wordt ook gemarkeerd met een indicator wanneer een fout optreedt.

Tests

LET OP

In AEM 6.2 werden de testfuncties van de modus Ontwikkelaar opnieuw geïmplementeerd als een zelfstandige toepassing Tools.

Zie voor meer informatie Uw gebruikersinterface testen.

Op deze pagina