Devtools

A continuación te explicaremos la mejor manera de depurar errores ya sean al utilizar nuestros SDKs o APIs.

Esta guía te permitirá identificar los errores que puedan surgir utilizando alguno de nuestros productos, estos ya sean errores legítimos por implementación o incompatibilidad con navegadores.

En general nuestros productos intentan ser lo más descriptivos posibles y en su mayoría presentan la capacidad de manejar los errores y reportarlo a nuestros sistemas.

Lo primero que deberás conocer como mejor herramienta del navegador para depurar ya sea en etapa de desarrollo o producción es Devtools o Inspector de Elementos.

¿Cómo acceder a Devtools?

Para acceder a él existen varias maneras y dependerá de cada navegador:

NavegadorShortcutPor menú

Chrome/Edge/Firefox

  • Ctrl + Shift + i

  • F12

Clic derecho + Inspeccionar

Safari

Option + ⌘ + C

Safari > Preferencias > Avanzado, y selecciona la opción “Mostrar menú Desarrollo en la barra de menús”

El clic derecho lo podrás realizar en cualquier lugar del sitio web.

Si te hemos solicitado mantener abierto Devtools, por errores que nuestros sistemas de monitoreo no han logrado capturar, lee a continuación.

Si necesitas caputrar información ya sea de errores de código, red, etc. te sugerimos redimencionar la ventana Devtools para que no estorbe con la interfaz o bien utilizar la opción de desacoplar en una ventana independiente.

Vista acoplada

Vista desacoplada

Luego de esto la ventana quedará completamente desacoplada y podrás minimizarla.

Visualizar errores

La mejor forma de obtener los errores es hacer clic en la pestaña con el nombre Console, ubicado en la parte izquierda superior. Luego verás el listado de eventuales errores que hayan surgido durante la sesión.

Si nuestro equipo técnico te ha solicitado que abras Devtools o Inspector de elementos, dirígete a la sección de exportar registros de errores.

Existen mensajes con distintos colores de fondo, los más comunes serán rojo y amarillo, siendo errores y advertencias, respectivamente.

En su mayoría los mensajes de advertencia no son relevantes, mientras que los mensajes en rojo son errores los cuales hay que prestar atención. En la anterior imagen, la mayoría de los errores visibles son bloqueo de recursos por extensiones de bloqueadores de anuncios, pero cuando algo ande mal verás mensajes más extensos con información en inglés sobre lo que ha sucedido.

Exportar registros

Es probable que nuestro equipo técnico te solicite realizar una descarga de los registros de erorres que hayan surgido durante la sesión de una pestaña, debido a que en ocasiones ciertos errores no son registrados por nuestros sistemas, como errores de red, firewall, etc.

Para ello deberás estar en la vista Console y luego en cualquier lugar de la consola (Console) haz clic derecho, para finalmente dar clic en la opción Save as....

El archivo que descarges deberás enviarlo a support@videsk.io, con el asunto Registros de errores, adjuntando el archivo con registros que habitualmente se llamará {website}-{date}.log.

Haz clic aquí para crear un correo automáticamente.

Última actualización