¿Cómo depurar implementaciones web en Android desde el ordenador?

Cuando se hace la implementación de una herramienta de analítica en la web, un paso imprescindible es comprobar el funcionamiento de la implementación desde la consola del navegador, quizás ayudados por herramientas como ObservePoint, WASP, GA Debugger, etc. Si se trata de una aplicación móvil, necesitaremos instalar Charles Proxy para depurar la implementación en apps. Pero hay un caso intermedio, del que no se suele hablar, que requiere un tratamiento especial, que es depurar la implementación en la web para las visitas específicas desde dispositivos móviles. Veamos cómo hacerlo.

Con un tráfico de dispositivos móviles que, en algunas webs, puede superar el 75%, es imprescindible prestar atención a que todo funcione correctamente en ellos. Y puesto que ni los elementos mostrados, ni su disposición, ni los navegadores, son los mismos, no siempre podremos confiar en que si funciona bien en el ordenador lo hará en el móvil. Sin embargo, los navegadores móviles no nos dan acceso directo a la consola de desarrollo. Una opción puede ser utilizar un proxy y actuar igual que con las apps. Si solo queremos ver los hits enviados funcionará. Pero si necesitamos ver las cookies esto no será suficiente.

En Android, una mejor alternativa es utilizar las opciones de desarrollador de Chrome. Para ello empezaremos por habilitar el modo desarrollador en el dispositivo móvil. En Ajustes > Información del teléfono vamos a la última línea (Número de compilación) para pulsar 7 veces en ella.

implementación en la web

A continuación, volvemos a Ajustes y justo encima de Información del teléfono habrá una nueva opción de menú llamada Opciones de desarrollo. Entramos y activamos Depuración USB.

implementación en la webEl móvil ya está listo, ahora lo conectamos al ordenador por USB y aceptamos los permisos que nos pide.

En el ordenador abrimos Google Chrome y visitamos la página chrome://inspect/#devices. Si todo ha ido bien veremos nuestro dispositivo en la lista y, si abrimos una web en el Chrome del dispositivo, se reflejará en el Chrome del ordenador. Bastará con pinchar en el enlace inspect para que se abra la consola y tengamos todas las opciones de siempre, incluyendo acceso a las cookies, al flujo de información en la red, etc. También tenemos la posibilidad de abrir una página en el dispositivo desde el Chrome del ordenador.

Chrome dispositivoSi, además, pinchamos en el icono de un móvil arriba a la derecha, la pantalla del dispositivo se reflejará en la consola del ordenador para facilitarnos el trabajo.

Las opciones de la consola son prácticamente las mismas que si estuviésemos trabajando solo con el ordenador, pero lamentablemente, no dispondremos de las herramientas antes mencionadas aunque los plugins estén instalados.

pantalla dispositivo
Para monitorizar los hits iremos a la pestaña Network y filtrando por “collect” encontraremos los hits de Google Analytics.

Monitorizar hits
Las cookies podemos encontrarlas en la pestaña Resources.

Leave Comment

Your email address will not be published. Required fields are marked *