Entwicklermodus developer-mode

Beim Bearbeiten von Seiten in Adobe Experience Manager (AEM) sind diverse Modi verfügbar, u. a. auch der Entwicklermodus. In diesem Modus wird ein Seitenbereich mit mehreren Registerkarten geöffnet, die Entwicklerinnen und Entwicklern Informationen über die aktuelle Seite liefern. Die drei Registerkarten sind:

  • Komponenten zum Anzeigen von Struktur- und Leistungsinformationen.
  • Tests für die Durchführung von Tests und die Analyse der Ergebnisse.
  • Fehler zur Anzeige auftretender Probleme.

Diese Informationen unterstützen Entwickler bei Folgendem:

  • Identifizieren, woraus sich die Seiten zusammensetzen.
  • Debuggen Sie, was an welcher Stelle und zu welchem Zeitpunkt geschieht und wie Probleme gelöst werden können.
  • Testen, ob sich die Anwendung erwartungsgemäß verhält.
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-Authoring-Instanz 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.
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-11

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-12

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 Server-seitige Verarbeitungszeit zum Rendern der Komponente.

  • Ermöglicht es, die Struktur zu erweitern und bestimmte Komponenten innerhalb der Struktur auszuwä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 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-13

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

  • Skript bearbeiten: ein Link, der

    • das Komponentenskript in CRXDE Lite öffnet.
  • Wenn Sie einen Komponenteneintrag erweitern (Pfeilspitze), kann außerdem Folgendes angezeigt werden:

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

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 bzw. ein Feature Pack anwenden. Nehmen Sie die erforderlichen Änderungen unter /apps vor. Siehe Überlagerungen und Überschreibungen.

Fehler errors

chlimage_1-16

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-17

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

Tests tests

CAUTION
In AEM 6.2 wurden die Testfunktionen für den Entwicklermodus neu als eigenständige Tools-Anwendung implementiert.
Ausführliche Informationen finden Sie unter Testen der Benutzeroberfläche.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2