Entwicklermodus

Beim Bearbeiten von Seiten in AEM sind diverse Modi verfügbar, u. a. auch der Entwicklermodus. In diesem Modus wird ein Seitenbereich mit mehreren Registerkarten geöffnet, die Informationen für Entwickler über die aktuelle Seite bereitstellen. Die drei Registerkarten sind:

  • Komponenten​zum Anzeigen von Struktur- und Leistungsdaten.
  • Tests​zum Ausführen von Tests und Analysieren der Ergebnisse.
  • Fehler​zur Anzeige auftretender Probleme.

Diese Informationen unterstützen Entwickler bei Folgendem:

  • Identifizieren, welche Komponenten Seiten beinhalten.
  • Debuggen, was an welcher Stelle und zu welchem Zeitpunkt geschieht und wie Probleme gelöst werden können.
  • Testen, ob sich die Anwendung wie erwartet verhält.
ACHTUNG

Entwicklermodus:

  • Der Modus ist nur in der Touch-optimierten Oberfläche (beim Bearbeiten von Seiten) verfügbar.
  • 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.
  • Steht nur Benutzern zur Verfügung, die Mitglieder der administrators Gruppe sind.
ACHTUNG

Der Entwicklermodus ist nur auf einer Standard-Autoreninstanz verfügbar, die nicht den Ausführungsmodus „nosamplecontent“ verwendet.

Falls nötig, kann der Modus konfiguriert werden für die Verwendung:

  • auf einer Autoreninstanz mit dem Ausführungsmodus nosampleContent
  • auf einer Veröffentlichungsinstanz

Der Modus sollte nach der Verwendung wieder deaktiviert werden.

Hinweis

Weitere Tipps und Informationen zu Tools finden Sie:

Öffnen des Entwicklermodus

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- Zeigt eine Komponentenstruktur, ähnlich derInhaltsstrukturfür Autoren

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

Komponenten

chlimage_1-230

Diese Registerkarte enthält eine Komponentenstruktur mit folgenden Attributen:

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

  • Zeigt die serverseitige 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)
  • Ausgewählte Komponenten (im Inhaltsfluss durch einen blauen Rand gekennzeichnet) werden in der Inhaltsstruktur markiert (und umgekehrt).

Dies kann Folgendes erleichtern:

  • 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 (z. B.) Folgendes beinhalten:

chlimage_1-231

  • Details anzeigen: ein Link zu einer Liste, die Folgendes enthält:

    • Alle zum Rendern der Komponente verwendeten Komponentenskripte
    • Den Repository-Inhaltspfad für diese spezifische Komponente

    chlimage_1-232

  • Skript bearbeiten: ein Link, der:

    • das Komponentenskript in CRXDE Lite öffnet.
  • Wenn Sie einen Komponenteneintrag erweitern, wird u. U. außerdem Folgendes angezeigt:

    • 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

ACHTUNG

Einige Links zeigen auf das Skript unter /libs. However, these are for reference only, you must not edit anything under /libs, as any changes you do make may be lost. Grund dafür ist, dass diese Verzweigung jedes Mal geändert wird, wenn Sie ein Upgrade durchführen oder ein Hotfix/Feature Pack anwenden. Any changes you require should be made under /apps, see Overlays and Overrides.

Fehler

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.

Wird beispielsweise eine nicht definierte Methode aufgerufen, wird der daraus resultierende Fehler auf der Registerkarte Fehler angezeigt:

chlimage_1-235

Der Komponenteneintrag in der Struktur auf der Registerkarte „Komponenten“ wird ebenfalls entsprechend markiert, wenn ein Fehler auftritt.

Tests

ACHTUNG

In AEM 6.2 wurden die Testfunktionen des Entwicklermodus als eigenständige Tools-Anwendung neu implementiert.

For full details see Testing Your UI.

Auf dieser Seite