Cómo: Utilizar la consola de depuración de la aplicación

Si eres desarrollador web, probablemente estés familiarizado con las herramientas para desarrolladores del navegador:

Es probablemente la herramienta más importante para depurar errores en tu sitio web.

Las aplicaciones creadas con webtoapp.design suelen funcionar a la primera, al menos se comportan de forma casi idéntica a como se comporta tu sitio web en Chrome de Android y en Safari de iOS. Así que si tu sitio web funciona bien allí, no deberías encontrar demasiados problemas.

Sin embargo, de vez en cuando puedes sentir la necesidad de investigar algún comportamiento inesperado de tu aplicación. Para casos así, puedes abrir la consola integrada de tu aplicación.

Cómo abrir la consola

La apertura de la consola está oculta intencionadamente, para que los usuarios habituales de la aplicación no la abran accidentalmente y se confundan. Pero incluso si tropiezan con ella, pueden cerrar y volver a abrir la aplicación para deshacerse de ella.

Abrir la Consola desde la Pantalla de Configuración

1. Empieza abriendo los ajustes de tu aplicación.
2. Haz clic en la tarjeta "Acerca de" (About).
3. Toca dos veces la imagen pequeña del diálogo para abrir la consola de desarrollador.
4. Ahora puedes cerrar el diálogo y los ajustes y utilizar la consola mientras navegas por tu aplicación.

Abrir la consola desde el diálogo de informe de errores

Si tu aplicación no tiene forma de acceder a la configuración, también puedes abrir la consola a través del diálogo de información de diagnóstico:

1. Abre el diálogo de informe de errores agitando tu dispositivo.
2. Toca dos veces el título del diálogo.
3. Ahora puedes cerrar el diálogo y utilizar la consola mientras navegas por tu aplicación.

Características de la Consola de la App

Abrir URL

Abre cualquier sitio web introduciendo la URL en el cuadro de diálogo. Esto puede ser útil para navegar a páginas de prueba secretas (no hay ningún enlace a ellas en el sitio web principal) o a entornos de ensayo que puedas tener.

Ejecutar JS

Esta función ejecuta cualquier JavaScript que introduzcas e imprime el resultado en la consola.

Añadir Eruda

Esto añade un pequeño botón que abre la consola JavaScript de Eruda para la página actual que estás viendo. Proporciona casi todas las funciones que conoces de la consola del navegador de tu ordenador, por ejemplo el explorador de elementos del árbol DOM. Puedes leer más sobre Eruda en su proyecto GitHub.

Registro de copias

Como los mensajes registrados pueden ser un poco difíciles de leer y analizar, puedes utilizar este botón para copiar todo el texto registrado y pegarlo donde quieras. Por ejemplo, podrías enviarlo a tu ordenador, donde podrías tener un editor de texto mejor.