chrome developer tools remoto a android

full-stack 21 de jul. de 2021

me topé con uno de esos defectos que sólo ocurren en el teléfono y no en el simulador de aplicaciones mobiles de las developer tools (ni de chrome, ni safari, ni edge, en ninguno salía el defecto, sólo en los dispositivos móviles android e iphone).

googleando para debuggear, topé esta página un manual desactualizado. Aquí dejo mi versión ya actualizada a Julio/2021

  1. Habilitar el Modo Desarrollador y USB Debugging en tu android.
  2. Conectar tu teléfono via USB a la computadora.
  3. Abrir Chrome en tu teléfono en la página que desees debugear.
  4. Abrir Chrome en tu computadora.
  5. ir a "chrome://inspect/#devices". Esto es para acceder a la opción "Remote devices" y es la opción que cambió según el manual citado arriba (no confundir con "Devices" que es referente al simulador).
  6. llegará a tu teléfono una notificación de "remote debugging" (o algo similar). Aceptarla.
  7. Elijes la página abierta en tu teléfono que deseas debuggear simpemente eligiendo "Inspect."

8. si todo sale bien, la cosa se verá así (mi imagen está pixeleada para proteger la propiedad intelectual de mi cliente).

Abur. Suerte debuggeando.

Etiquetas