Mode Développeur

Lors de la modification de pages dans AEM, plusieurs modes sont disponibles, notamment le mode Développeur. Le mode Développeur ouvre un panneau latéral avec plusieurs onglets qui fournissent aux développeurs des informations techniques sur la page active.

Il existe deux onglets :

  • 🔗 Composants pour l’affichage des informations sur la structure et les performances.
  • 🔗 Erreurs pour signaler tout problème survenant.

Ils aident les développeurs à :

  • ​Découvrez comment les pages sont composées.
  • Débogage : ce qui se passe où et quand, ce qui aide à son tour à résoudre les problèmes.
REMARQUE

Mode Développeur:

  • n’est pas disponible sur les périphériques mobiles ou les petites fenêtres sur les ordinateurs de bureau (en raison de l’espace restreint),
    • ce qui se produit lorsque la largeur est inférieure à 1 024 px ;
  • N’est disponible que pour les utilisateurs qui sont membres du groupe administrators.

Ouverture du mode Développeur

Le mode Développeur est mis en œuvre sous la forme d’un panneau latéral dans l’éditeur de page. Pour ouvrir le panneau, sélectionnez Développeur dans le sélecteur de mode au niveau de la barre d’outils de l’éditeur de page :

Ouverture du mode Développeur

Le panneau est divisé en deux onglets :

  • Composants : affiche une arborescence de composants, similaire à l’arborescence de contenu pour les auteurs.
  • Erreurs : lorsque des problèmes se produisent, les détails sont affichés pour chaque composant.

Onglet Composants

Onglet Composants

Il présente une arborescence de composants qui :

  • Décrit la chaîne de composants et de modèles rendus sur la page. L’arborescence peut être développée pour afficher le contexte dans la hiérarchie.
  • indique le temps de calcul côté serveur nécessaire pour effectuer le rendu du composant ;
  • permet de développer l’arborescence et de sélectionner des composants spécifiques dans l’arborescence. La sélection permet d’accéder aux détails du composant, tels que :
    • Le chemin du référentiel
    • Les liens vers les scripts (accessibles dans CRXDE Lite)
    • Détails du composant, comme indiqué dans la console Composants
  • Les composants sélectionnés dans l’arborescence sont indiqués par une bordure bleue dans l’éditeur.

Cet onglet de composants permet d’effectuer les opérations suivantes :

  • déterminer et comparer le temps de rendu par composant ;
  • visualiser et comprendre la hiérarchie ;
  • comprendre, puis améliorer, le temps de chargement de la page en recherchant les composants lents.

Chaque entrée de composant peut comporter les options suivantes :

Exemple de composant du mode Développeur

  • Afficher les détails : lien vers une liste qui affiche :

    • Tous les scripts de composant utilisés pour effectuer le rendu du composant.

    • Chemin d’accès au contenu du référentiel pour ce composant spécifique.

      Afficher les détails

  • Modifier le script : lien qui ouvre le script du composant dans CRXDE Lite.

  • Afficher les détails du composant : ouvre les détails du composant dans la console Composants.

Le développement d’une entrée de composant en appuyant ou en cliquant sur le chevron peut également afficher :

* La hiérarchie au sein du composant sélectionné.
* les temps de rendu pour le composant sélectionné de manière isolée, tous les composants individuels imbriqués qu’il contient, ainsi que le total combiné.

Onglet Erreurs

Onglet Erreurs

Espérons que l’onglet Erreurs sera toujours vide (comme ci-dessus), mais lorsque des problèmes se produisent, les détails suivants peuvent s’afficher pour chaque composant :

  • Un avertissement s’affiche si le composant écrit une entrée dans le journal d’erreurs, avec les détails de l’erreur et des liens directs vers le code correspondant dans CRXDE Lite.
  • Un avertissement s’affiche si le composant ouvre une session d’administrateur.

Par exemple, si une méthode non définie est appelée, l’erreur résultante s’affichera dans l’onglet Erreurs et l’entrée du composant dans l’arborescence de l’onglet Composants sera également marquée avec un indicateur lorsqu’une erreur se produit.

Sur cette page