Entwicklermodus developer-mode

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Beim Bearbeiten von Seiten in AEM sind diverse Modi verfügbar, u. a. auch der Entwicklermodus. Dadurch wird ein seitliches Bedienfeld mit mehreren Registerkarten geöffnet, die Entwicklern Informationen über die aktuelle Seite bereitstellen. Die drei Registerkarten sind:

  • Komponenten zur Anzeige von Struktur- und Leistungsinformationen.
  • Tests für die Durchführung von Tests und die Analyse der Ergebnisse.
  • Fehler um eventuelle Probleme zu erkennen.

Diese Informationen unterstützen Entwickler bei Folgendem:

  • Discover: woraus Seiten bestehen.
  • Debuggen Sie, was an welcher Stelle und zu welchem Zeitpunkt geschieht und wie Probleme gelöst werden können.
  • Test: verhält sich die Anwendung erwartungsgemäß.
CAUTION
Entwicklermodus:
  • Ist nur in der Touch-optimierten Benutzeroberfläche verfügbar (beim Bearbeiten von Seiten).
  • Der Modus ist (aufgrund von Größenbeschränkungen) nicht auf mobilen Geräten oder in kleinen Desktop-Fenstern verfügbar.
    • Dies gilt bei einer Breite von weniger als 1024 Pixel.
  • Ist nur für Benutzer verfügbar, die Mitglieder der Gruppe administrators sind.
CAUTION
Der Entwicklermodus ist nur für eine Standard-Autoreninstanz verfügbar, die nicht den Ausführungsmodus nosamplecontent verwendet.
Bei Bedarf kann sie für die Verwendung konfiguriert werden:
  • auf einer Autoreninstanz mit dem Ausführungsmodus „nosamplecontent“
  • auf einer Veröffentlichungsinstanz
Der Modus sollte nach der Verwendung wieder deaktiviert werden.
NOTE
Siehe:

Öffnen des Entwicklermodus opening-developer-mode

Der Entwicklermodus ist als Seitenbereich im Seiten-Editor implementiert. Um den Bereich zu öffnen, wählen Sie in der Symbolleiste des Seiten-Editors aus der Modusauswahl die Option Entwickler aus:

chlimage_1-229

Der Bereich ist in zwei Registerkarten unterteilt:

  • Komponenten – Hier sehen Sie die Komponentenstruktur, die der Inhaltsstruktur für Autoren ähnelt.

  • Fehler – Wenn ein Problem auftritt, werden hier die Details für die jeweilige Komponente angezeigt.

Komponenten components

chlimage_1-230

Diese Registerkarte enthält eine Komponentenstruktur mit folgenden Attributen:

  • Erläutert die Kette von Komponenten und Vorlagen, die auf der Seite gerendert werden (SLY, JSP usw.). Die Struktur kann erweitert werden, sodass sie Kontext innerhalb der Hierarchie anzeigt.

  • Zeigt die Server-seitige Verarbeitungszeit, die zum Rendern der Komponente benötigt wird.

  • Sie können die Struktur erweitern und spezifische Komponenten innerhalb der Struktur auswählen. Die Auswahl bietet Zugriff auf Komponentendetails, z. B.:

    • Repository-Pfad
    • Links zu den Skripten (Zugriff über CRXDE Lite)
  • Die ausgewählten Komponenten (im Inhaltsfluss, durch einen blauen Rahmen gekennzeichnet) werden in der Inhaltsstruktur hervorgehoben (und umgekehrt).

Dies kann dazu beitragen,

  • Bestimmen und Vergleichen der Render-Zeit nach Komponente
  • Anzeigen und Verstehen der Hierarchie
  • Verstehen und Verbessern der Seitenladezeit durch Identifizieren langsamer Komponenten

Jeder Komponenteneintrag kann Folgendes anzeigen (z. B.:

chlimage_1-231

  • Details anzeigen: einen Link zu einer Liste, die Folgendes anzeigt:

    • alle Komponentenskripte, die zum Rendern der Komponente verwendet werden.
    • den Repository-Inhaltspfad für diese spezifische Komponente.

    chlimage_1-232

  • Skript bearbeiten: einen Link, der

    • öffnet das Komponentenskript in CRXDE Lite.
  • Das Erweitern eines Komponenteneintrags (Pfeilspitze) kann auch Folgendes anzeigen:

    • Die Hierarchie innerhalb der ausgewählten Komponente.
    • Die Render-Zeiten nur für die ausgewählte Komponente, für einzelne darin verschachtelte Komponenten und für alle Komponenten insgesamt.

    chlimage_1-233

CAUTION
Einige Links zeigen auf das Skript unter /libs. Diese sind allerdings nur für Referenzzwecke bestimmt. Sie dürfen keine Elemente unter /libs bearbeiten, da von Ihnen gemachte Änderungen möglicherweise verloren gehen. Grund dafür ist, dass diese Verzweigung jedes Mal geändert wird, wenn Sie ein Upgrade durchführen oder ein Hotfix/Feature Pack anwenden. Alle erforderlichen Änderungen sollten unter /apps erfolgen. Weitere Informationen hierzu finden Sie in Überlagerungen und Überschreibungen.

Fehler errors

chlimage_1-234

Zwar ist zu hoffen, dass die Registerkarte Fehler niemals Daten anzeigt (wie oben), falls jedoch Probleme auftreten, werden zur jeweiligen Komponente folgende Details angezeigt:

  • Eine Warnung, falls die Komponente einen Eintrag in das Fehlerprotokoll schreibt, und Details zum Fehler sowie direkte Links zum entsprechenden Code in CRXDE Lite.
  • Eine Warnung, falls die Komponente eine Admin-Sitzung öffnet.

Wenn beispielsweise eine nicht definierte Methode aufgerufen wird, wird der resultierende Fehler im Fehler tab:

chlimage_1-235

Der Komponenteneintrag in der Baumstruktur der Registerkarte "Komponenten"wird ebenfalls mit einem Indikator markiert, wenn ein Fehler auftritt.

Tests tests

CAUTION
In AEM 6.2 wurden die Testfunktionen des Entwicklermodus als eigenständige Tools-Anwendung neu implementiert.
Ausführliche Informationen finden Sie in Testen der Benutzeroberfläche.
recommendation-more-help
2315f3f5-cb4a-4530-9999-30c8319c520e