DevTools
Devtools es una herramienta de depuración y análisis en tiempo de ejecución que le permite inspeccionar una aplicación construida con Studio en cualquier dispositivo, y ver sus registros y matrices en tiempo real. Esta herramienta acelera el proceso de detección de problemas de lógica en la construcción y las instancias de control de calidad después de publicar una aplicación.
DevTools se sincroniza con una app ya instalada en tu dispositivo y te permite realizar varias acciones, como:
visualizar la configuración de una app;
ver los registros y arrays en diferentes contextos;
modificar los valores de los registros y arrays para testearlos en tu configuración;
añadir registros y arrays nuevos;
crear capturas de contexto para un momento específico dentro de tu app;
exportar y grabar contextos; y
ejecutar comandos en una consola para implementarlos en tiempo real.
Nota
Devtools admite binarios generados desde ramas 7.6.0 o superiores para móviles, tanto para aplicaciones Android como iOS, y 2.7 o superiores para aplicaciones web.
Prerrequisitos
Para ejecutar y probar una aplicación, debe otorgar permiso a Devtools en el binario de la aplicación antes de generarla. También necesita habilitar una propiedad para completar el proceso de autorización. Para ello, copie la propiedad vtua.ini.debug.interfaces=Y en el archivo de configuración de su binario.
Luego, la aplicación debe instalarse en un dispositivo. Los binarios deben generarse desde la rama maestra.
Importante
DevTools no debe usarse en las instancias de producción.
Antes de inspeccionar una app con el navegador Google Chrome, es posible que debas cambiar algunas configuraciones de seguridad para evitar recibir un error de intercambio de recursos de origen cruzado (CORS). Visita Arreglar errores de CORS en Chrome para saber cómo hacerlo. Lea Corregir error CORS en Chrome a continuación para aprender cómo hacerlo.
Cuando intenta abrir Devtools en Google Chrome por primera vez, puede que encuentre un error de CORS. Para solucionar este problema, siga estos pasos:
Haz clic en el icono de advertenciaNot secure que se encuentra a la izquierda de la URL de DevTools y luego dirígete a Site Settings.
En la página Security and Privacy, busca el campo Insecure Content en la sección Permissions y elige Allow.
Accede a la URL detallada en la página principal de Devtools: chrome://flags/#block-insecure-private-network-requests. Busque la sección Bloquear solicitudes de red privada insegura y elija Desactivado en el menú desplegable. Reinicie Chrome para aplicar cambios.
Nota
Estas configuraciones se guardan en tu navegador; por eso, solo tienes que seguir estos pasos la primera vez que accedes a DevTools.
Para aprender a navegar por Devtools e inspeccionar aplicaciones, vaya a Inspeccionar aplicaciones con Devtools.
Access Devtools
Acceda a Devtools con sus credenciales de plataforma desde el menú Espacio de trabajo. Solo puede visualizar e inspeccionar las aplicaciones que pertenecen a su cliente.
Cuando accede a Devtools, muestra una lista de todos los dispositivos que tienen aplicaciones disponibles para inspeccionar. Los dispositivos se detectan solo cuando la aplicación se está ejecutando. Si necesita reducir la lista de dispositivos en la sección Dispositivos, utilice cualquiera de los filtros que se explican a continuación.
Buscar por nombre de dispositivo | Introduzca una palabra clave para filtrar dispositivos por nombre. |
Platform | Haga clic en el icono desplegable para filtrar dispositivos por plataforma. Las opciones son: Web, Android y iOS. |
Filtros | Haga clic para mostrar filtros adicionales que puede aplicar a su búsqueda. Las opciones son: cliente, entorno, código de producto y tipo de configuración. |
Borrar todo | Haga clic para eliminar todos los filtros aplicados. |
Para conectarse a un dispositivo, haga clic en su tarjeta. Para aprender a inspeccionar, depurar y analizar una aplicación, lee Inspeccionar una aplicación con Devtools.