Saltar al contenido principal

Cómo abrir la Console del navegador y recopilar información de depuración

Actualización

Información general

Para analizar mejor los errores que está experimentando, es útil revisar los mensajes de error en la consola del navegador. Puede ver esto pulsando la tecla "F12" en el teclado en cualquier navegador. Es posible que también tenga que hacer clic en la pestaña "Console". Los mensajes de error que aparecen en rojo son los más relevantes.

 

Estas son las instrucciones generales. Consulte las secciones correspondientes a continuación para ver cómo abrir la consola en su navegador específico.

  1. Abra la ventana de la consola antes de que ocurra el error

  2. Seleccione la pestaña Console y borre todas las entradas haciendo clic en el botón con el círculo

  3. Seleccione la pestaña Network y borre todas las entradas haciendo clic en el botón con el círculo

  4. Ahora reproduzca el error

  5. Tome una captura de pantalla del navegador con la pestaña Console abierta y otra con la pestaña Network abierta

  6. Finalmente, guarde el contenido de la pestaña Console haciendo clic con el botón derecho del ratón en cualquier lugar de la ventana de la consola. Seleccione "Save as..." en el menú contextual que aparece. Repita lo mismo para la pestaña Network y haga clic en "Save all as HAR..." en el menú contextual.

  7. Envíe las capturas de pantalla y los dos archivos de registro al soporte de SoSafe

Chrome

Después de abrir el menú (tres puntos) en la esquina superior derecha de la ventana del navegador y seleccionar “More Tools” > “Developer Tools” o pulsar F12, se abrirá una columna a la derecha. Es posible que también tenga que hacer clic en “Console” o “Network“. Los mensajes de error aparecen en rojo, las advertencias en amarillo.

Limpiar Console + Network tab:

Herramientas para desarrolladores de Chrome con la pestaña Console y su icono de limpiar resaltados en un panel, y la pestaña Network con su icono de limpiar resaltado en un segundo panel inferior.

Salida de Console + Network tab:

Pestaña Console de Chrome DevTools mostrando un error de análisis en rojo y dos advertencias de mapa de origen, junto a la pestaña Network que lista varias solicitudes, incluyendo adal.min.js y llamadas preflight y xhr.

Descargar Console + Network tab:

Pestaña Console de Chrome con el menú contextual abierto y Save as resaltado, junto a la pestaña Network con el menú contextual abierto y Save all as HAR with content resaltado.

Edge

Después de abrir el menú (tres puntos) en la esquina superior derecha de la ventana del navegador y seleccionar “More Tools” > “Developer Tools” o pulsar F12, se abrirá una columna a la derecha. Es posible que también tenga que hacer clic en “Console” o “Network“. Los mensajes de error aparecen en rojo, las advertencias en amarillo.

 

Limpiar Console + Network tab:

Microsoft Edge DevTools con la pestaña Console y su icono de limpiar resaltados en un panel, y la pestaña Network con su icono de limpiar resaltado en un segundo panel inferior.

Salida de Console + Network tab: 

Pestaña Console de Microsoft Edge mostrando una advertencia sobre iconos re-registrados, junto a la pestaña Network que lista varias solicitudes como moeerrorux.css, progress.gif y moe_status_icons.png.

Descargar Console + Network tab:

Pestaña Console de Microsoft Edge con el menú contextual abierto y Save as resaltado, junto a la pestaña Network con el menú contextual abierto y Save all as HAR with content resaltado.

Firefox

Después de abrir el menú (tres líneas) en la esquina superior derecha de la ventana del navegador y seleccionar “More Tools” > “Web Developer Tools” o pulsar F12, se abre una columna en la parte inferior. Es posible que también tenga que hacer clic en “Console” o “Network“. Los mensajes de error aparecen en rojo, los problemas en amarillo. Si los errores no se muestran todos a la vez, la ventana se puede ampliar arrastrando el borde de la consola (flecha verde).

Limpiar Console + Network tab:

Pestaña Console de Firefox con su icono de limpiar resaltado, junto a la pestaña Network con su propio icono de limpiar resaltado sobre un mensaje para recargar la página y ver detalles.

Salida de Console + Network tab:

Pestaña Console de Firefox mostrando advertencias sobre una cookie particionada, un error de análisis XML y una cookie sin atributo correcto, junto a la pestaña Network que lista solicitudes a los dominios reporter.sosafe.de y appsforoffice.

Descargar Console + Network tab:

Pestaña Console de Firefox con el menú contextual abierto y Save all Messages to File resaltado, junto a la pestaña Network con el menú contextual abierto y Save All As HAR resaltado.

Internet Explorer

Tenga en cuenta que Internet Explorer ha quedado obsoleto. Le recomendamos usar su sucesor, Edge.

Después de pulsar F12, se abre una columna en la parte inferior. Es posible que también tenga que hacer clic en "Console". Los mensajes de error aparecen en rojo, las advertencias en amarillo. Si los errores no se muestran todos a la vez, la ventana se puede ampliar arrastrando el borde de la consola.

Esta traducción es automática. Si tienes dudas, consulta la versión en inglés.

Artículos relacionados