Devtools
A continuación te explicaremos la mejor manera de depurar errores ya sean al utilizar nuestros SDKs o APIs.
Última actualización
¿Te fue útil?
A continuación te explicaremos la mejor manera de depurar errores ya sean al utilizar nuestros SDKs o APIs.
Última actualización
¿Te fue útil?
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.
Para acceder a él existen varias maneras y dependerá de cada navegador:
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”
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.
Luego de esto la ventana quedará completamente desacoplada y podrás minimizarla.
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.
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.
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 acceder a la vista desacoplada deberás hacer clic en los tres puntos ubicado en la parte superior derecha, y luego selecciona el ícono .
Para ello deberás estar en la 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 , con el asunto Registros de errores, adjuntando el archivo con registros que habitualmente se llamará {website}-{date}.log.
.
