Modo de desarrollador

Al editar páginas en AEM, hay varios modos disponibles, incluido el modo de desarrollador. Esto abre un panel lateral con varias fichas que proporcionan a un desarrollador información sobre la página actual. Las tres fichas son:

  • Componentes para ver la información de estructura y rendimiento.
  • Pruebas para ejecutar pruebas y analizar los resultados.
  • Errores para ver si se producen problemas.

Esto ayuda a los desarrolladores a:

  • Discover: de qué páginas se componen.
  • Depurar: lo que está sucediendo, dónde y cuándo, lo que a su vez ayuda a resolver los problemas.
  • Prueba: ¿Se comporta la aplicación como se espera?
ATENCIÓN

Modo de desarrollador:

  • Solo está disponible en la IU táctil (al editar páginas).
  • No está disponible en dispositivos móviles o ventanas pequeñas en el escritorio (debido a restricciones de espacio).
  • Esto ocurre cuando la anchura es inferior a 1024 píxeles.
  • Solo está disponible para los usuarios que son miembros del grupo administrators.
ATENCIÓN

El modo de desarrollador solo está disponible en una instancia de autor estándar que no utilice el modo de ejecución nosamplecontent.

Si es necesario, puede configurarse para su uso:

  • en una instancia de autor mediante nosamplecontent run-mode
  • una instancia de publicación

Debe deshabilitarse de nuevo después de su uso.

NOTA

Consulte:

Apertura del modo de desarrollador

El modo de desarrollador se implementa como un panel lateral en el editor de páginas. Para abrir el panel, seleccione Desarrollador en el selector de modo de la barra de herramientas del editor de páginas:

chlimage_1-229

El panel se divide en dos fichas:

  • Componentes : Muestra un árbol de componentes, similar al árbol de contenido para autores

  • Errores : cuando se producen problemas, se muestran detalles para cada componente.

Componentes

chlimage_1-230

Muestra un árbol de componentes que:

  • Describe la cadena de componentes y plantillas procesadas en la página (SLY, JSP, etc.). El árbol se puede expandir para mostrar el contexto dentro de la jerarquía.

  • Muestra el tiempo de cálculo del lado del servidor necesario para procesar el componente.

  • Permite expandir el árbol y seleccionar componentes específicos dentro del árbol. La selección proporciona acceso a los detalles del componente; como:

    • Ruta del repositorio
    • Vínculos a secuencias de comandos (a los que se accede en CRXDE Lite)
  • Los componentes seleccionados (en el flujo de contenido, indicados con un borde azul) se resaltarán en el árbol de contenido (y viceversa).

Esto puede ayudar a:

  • Determinar y comparar el tiempo de procesamiento por componente.
  • Ver y comprender la jerarquía.
  • Comprenda y mejore el tiempo de carga de la página buscando componentes lentos.

Cada entrada de componente puede mostrar (por ejemplo):

chlimage_1-231

  • Detalles de vista: vínculo a una lista que muestra:

    • todas las secuencias de comandos de componentes utilizadas para procesar el componente.
    • la ruta de contenido del repositorio para este componente específico.

    chlimage_1-232

  • Editar secuencia de comandos: un vínculo que:

    • abre la secuencia de comandos de componente en CRXDE Lite.
  • La expansión de una entrada de componente (punta de flecha) también puede mostrar:

    • La jerarquía dentro del componente seleccionado.
    • Tiempos de procesamiento para el componente seleccionado de forma aislada, componentes individuales anidados en él y el total combinado.

    chlimage_1-233

ATENCIÓN

Algunos vínculos apuntan a secuencias de comandos en /libs. Sin embargo, sólo para referencia, no debe editar nada en /libs, ya que cualquier cambio que realice puede perderse. Esto se debe al hecho de que esta rama puede cambiar cada vez que actualice o aplique un paquete de revisión o función. Cualquier cambio que necesite se debe realizar en /apps, consulte Overlays and Overrides.

Errores

chlimage_1-234

Es de esperar que la ficha Errors siempre esté vacía (como se muestra arriba), pero cuando se producen problemas se muestran los siguientes detalles para cada componente:

  • Una advertencia si el componente escribe una entrada en el registro de errores, junto con detalles del error y vínculos directos al código apropiado dentro del CRXDE Lite.
  • Una advertencia si el componente abre una sesión de administración.

Por ejemplo, en una situación en la que se llama a un método no definido, el error resultante se mostrará en la ficha Errors:

chlimage_1-235

La entrada de componente en el árbol de la ficha Componentes también se marcará con un indicador cuando se produzca un error.

Pruebas

ATENCIÓN

En AEM 6.2, las funciones de prueba del modo de desarrollador se volvieron a implementar como una aplicación de herramientas independiente.

Para obtener más información, consulte Prueba de la interfaz de usuario.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now