Utvecklarläge
- Ämnen:
- Developing
Skapat för:
- Developer
När du redigerar sidor i AEM lägen är tillgängliga, inklusive läget Utvecklare. Då öppnas en sidopanel med flera flikar som ger utvecklaren information om den aktuella sidan. De tre flikarna är:
- Komponenter för att visa information om struktur och prestanda.
- Test för att köra tester och analysera resultaten.
- Fel för att se om det finns några problem.
Detta hjälper en utvecklare att:
- Upptäck: vilka sidor som är sammansatta av.
- Felsök: vad som händer var och när, vilket i sin tur hjälper till att lösa problem.
- Test: fungerar programmet som förväntat.
- Är bara tillgängligt i det beröringsaktiverade användargränssnittet (vid redigering av sidor).
- Är inte tillgängligt på mobila enheter eller små fönster på skrivbordet (på grund av utrymmesbegränsningar).
- Detta inträffar när bredden är mindre än 1024px.
- Är endast tillgänglig för användare som är medlemmar i
administrators
grupp.
- på en författarinstans med nosamplsinnehållets körningsläge
- en publiceringsinstans
- Kunskapsbasartikel, Felsökning AEM TouchUI-problemför fler tips och verktyg.
- AEM Gems-session om AEM 6.0 Developer Mode.
Öppnar utvecklarläge
Utvecklarläget implementeras som en sidopanel i sidredigeraren. Om du vill öppna panelen väljer du Utvecklare från lägesväljaren i verktygsfältet i sidredigeraren:
Panelen är uppdelad i två flikar:
-
Komponenter - Detta visar ett komponentträd, som liknar innehållsträd för författare
-
Fel - När problem uppstår visas information för varje komponent.
Komponenter
Detta visar ett komponentträd som:
-
Visar kedjan med komponenter och mallar som återges på sidan (SLY, JSP osv.). Trädet kan expanderas för att visa kontext i hierarkin.
-
Visar den datortid på serversidan som krävs för att återge komponenten.
-
Gör att du kan expandera trädet och välja specifika komponenter i trädet. Markeringen ger åtkomst till komponentinformation. t.ex.
- Databassökväg
- Länkar till skript (används i CRXDE Lite)
-
De valda komponenterna (i innehållsflödet, vilket anges med en blå ram) markeras i innehållsträdet (och tvärtom).
Detta kan hjälpa till att:
- Fastställ och jämför återgivningstiden per komponent.
- Se och förstå hierarkin.
- Förstå och förbättra sidinläsningstiden genom att hitta långsamma komponenter.
Varje komponentpost kan visa (till exempel:
-
Visa detaljer: en länk till en lista som visar
- alla komponentskript som används för att återge komponenten.
- databasens innehållssökväg för den här specifika komponenten.
-
Redigera skript: en länk som:
- öppnar komponentskriptet i CRXDE Lite.
-
När du expanderar en komponentpost (pilhuvud) kan du även visa:
- Hierarkin i den markerade komponenten.
- Återgivningstider för den markerade komponenten separat, alla enskilda kapslade komponenter i den och den kombinerade summan.
/libs
. Dessa är dock bara till för referens får inte redigera vad som helst under /libs
, eftersom alla ändringar du gör kan gå förlorade. Detta beror på att den här grenen kan ändras när du uppgraderar eller installerar en programfix/funktionspaket. Alla ändringar du behöver ska göras under /apps
, se Övertäckningar och åsidosättningar.Fel
Förhoppningsvis Fel tabben kommer alltid att vara tom (som ovan), men när problem uppstår visas följande information för varje komponent:
- En varning om komponenten skriver en post i felloggen, tillsammans med information om felet och direktlänkar till rätt kod i CRXDE Lite.
- En varning om komponenten öppnar en administratörssession.
I en situation där en odefinierad metod anropas visas det resulterande felet i Fel tab:
Komponentposten i trädet på fliken Komponenter markeras också med en indikator när ett fel inträffar.
Test
Experience Manager
- Utveckla användarhandboken - översikt
- Introduktion för utvecklare
- Komma igång med utveckling i AEM Sites – WKND-självstudiekurs
- AEM kärnbegrepp
- Struktur för det AEM användargränssnittet med pekskärm
- Koncepten i det AEM användargränssnittet med pekskärm
- AEM - riktlinjer och bästa praxis
- Använda bibliotek på klientsidan
- Developing and Page Diff
- Begränsningar för redigerare
- CSRF Protection Framework
- Datamodellering - David Nueschelers modell
- Bidrar till AEM
- Dokumentskydd
- Referensmaterial
- Skapa en webbplats med alla funktioner (Classic UI)
- Designer och Designer (Classic UI)
- Plattform
- Fusklapp för Sling
- Använda Sling-adaptrar
- Taggbibliotek
- Mallar
- Använda Sling Resource Merger i AEM
- Övertäckningar
- Namnkonventioner
- Skapa en ny GRE-fältkomponent
- Query Builder
- Taggar
- Anpassa sidor som visas av felhanteraren
- Anpassade nodtyper
- Lägga till teckensnitt för grafikåtergivning
- Ansluta till SQL-databaser
- Extern URL
- Skapa och använda jobb för avlastning
- Konfigurerar cookie-användning
- Så här programmässigt kommer du åt AEM JCR
- Integrera tjänster med JMX-konsolen
- Developing the Bulk Editor
- Utveckla rapporter
- eCommerce
- Komponenter
- Kärnkomponenter
- Formatsystem
- Komponenter - översikt
- AEM - Grunderna
- Utveckla AEM
- Utveckla AEM - kodexempel
- JSON-exporterare för innehållstjänster
- Aktivera JSON-export för en komponent
- Bildredigeraren
- Dekoration-tagg
- Använda Dölj villkor
- Konfigurera flera redigerare på plats
- Utvecklarläge
- Testa användargränssnittet
- Komponenter för innehållsfragment
- Hämta sidinformation i JSON-format
- Internationalisering
- Klassiska gränssnittskomponenter
- Headless Experience Management
- Headless och Hybrid with AEM
- Aktivera JSON-export för en komponent
- Enkelsidiga program
- SPA introduktion och genomgång
- SPA WKND - självstudiekurs
- Getting Started with SPA in AEM - React
- Komma igång med SPA i AEM - Angular
- Implementera en React Component for SPA
- SPA djupdykning
- SPA
- Utveckla SPA för AEM
- SPA Blueprint
- SPA
- Dynamisk mappning av modell till komponent för SPA
- SPA
- SPA och Adobe Experience Platform Launch Integration
- SPA- och serveråtergivning
- SPA referensmaterial
- HTTP-API
- Innehållsfragment
- Experience Fragments
- Utvecklingsverktyg
- Utvecklingsverktyg
- AEM Modernization Tools
- Dialogruteredigeraren
- Verktyget Dialogkonvertering
- Utveckla med CRXDE Lite
- Hantera paket med Maven
- Utveckla AEM projekt med Eclipse
- Skapa AEM projekt med Apache Maven
- Utveckla AEM projekt med IntelliJ IDEA
- Så här använder du VLT-verktyget
- Så här använder du proxyserververktyget
- AEM Brackets Extension
- AEM Developer Tools for Eclipse
- AEM
- Personanpassning
- Utöka AEM
- Anpassa sidredigering
- Anpassa konsolerna
- Anpassa vyer av Sidegenskaper
- Konfigurera din sida för gruppredigering av sidegenskaper
- Anpassa och utöka Content Fragments
- Utöka arbetsflöden
- Utöka Multi Site Manager
- Spårning och analys
- Cloud Services
- Skapa anpassade tillägg
- Forms
- Integrera tjänster med JMX-konsolen
- Developing the Bulk Editor
- Utöka Classic UI
- Testning
- Bästa praxis
- Mobil webb