Cómo capturar información de seguimiento del navegador

Cuando informas un problema con la consola de Google Cloud basada en la Web, proporcionar información de seguimiento del navegador nos ayuda a comprender e investigar el problema. En esta guía, se describe cómo capturar y guardar artefactos relevantes para que puedas compartirlos en tu caso de asistencia.

Para obtener más orientación sobre la información útil que debes incluir en tu informe, consulta Cómo informar un problema de la consola de Google Cloud.

Captura un archivo HAR

HAR (archivo HTTP) es un formato de archivo que se usa para registrar los datos de la sesión HTTP, lo que ayuda a solucionar problemas de HTTP.

Para capturar y guardar un archivo HAR con tu navegador, sigue estos pasos:

Chrome

Usa el panel de red de las Herramientas para desarrolladores de Chrome:

  1. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  2. Abre las Herramientas para desarrolladores de Chrome: Haz clic con el botón derecho en cualquier lugar de la página y elige Inspeccionar.

  3. En el panel de DevTools, selecciona la pestaña Red. La herramienta comienza a registrar automáticamente la actividad de red.

  4. Selecciona Guardar el registro.

  5. Haz clic en Borrar registro de red.

  6. Interactúa con la consola de Google Cloud para reproducir el problema.

  7. Cuando termines de reproducir el problema, haz clic en Exportar HAR (limpiado) y guarda el archivo HAR generado.

Edge

Usa la herramienta de red de las Herramientas para desarrolladores de Microsoft Edge:

  1. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  2. Abre las herramientas para desarrolladores de Microsoft Edge: Haz clic con el botón derecho en cualquier lugar de la página y elige Inspeccionar.

  3. En el panel de DevTools, selecciona la pestaña Red. La herramienta comienza a registrar automáticamente la actividad de red.

  4. Selecciona Guardar el registro.

  5. Haz clic en Borrar registro de red.

  6. Interactúa con la consola de Google Cloud para reproducir el problema.

  7. Cuando termines de reproducir el problema, haz clic en Exportar HAR y guarda el archivo HAR generado.

Firefox

Usa el Monitor de red de las Herramientas para desarrolladores de Firefox:

  1. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  2. Abre las Herramientas para desarrolladores de Firefox: Haz clic con el botón derecho en cualquier lugar de la página y elige Inspeccionar.

  3. En el panel de DevTools, selecciona la pestaña Red. La herramienta comienza a registrar automáticamente la actividad de red.

  4. Haz clic en Configuración y, luego, selecciona Persiste registros.

  5. Haz clic en Borrar.

  6. Interactúa con la consola de Google Cloud para reproducir el problema.

  7. Cuando termines de reproducir el problema, haz clic en Configuración > Guardar todo como HAR y guarda el archivo HAR generado.

Safari

Usa la pestaña Red del Inspector web de Safari:

  1. Habilita las herramientas para desarrolladores de Safari.

  2. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  3. Abre el Inspector web de Safari: en la barra de menú de Safari, haz clic en Desarrollar > Mostrar Inspector web.

  4. En el Inspector web, selecciona la pestaña Red. La herramienta comienza a registrar automáticamente la actividad de red.

  5. Selecciona Preserve Log y vuelve a cargar la página web.

  6. Haz clic en Borrar elementos de red.

  7. Interactúa con la consola de Google Cloud para reproducir el problema.

  8. Cuando termines de reproducir el problema, haz clic en Exportar y guarda el archivo HAR generado.

Luego, puedes subir el archivo HAR guardado como archivo adjunto en tu caso de asistencia.

Captura un perfil de rendimiento

Si tienes problemas de rendimiento, como interacciones o renderizaciones lentas de la página, puedes grabar un perfil de rendimiento del navegador. Para capturar y guardar un perfil de rendimiento con el navegador, sigue estos pasos:

Chrome

Usa el panel Rendimiento de las Herramientas para desarrolladores de Chrome:

  1. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  2. Abre las Herramientas para desarrolladores de Chrome: Haz clic con el botón derecho en cualquier lugar de la página y elige Inspeccionar.

  3. En el panel de DevTools, selecciona la pestaña Rendimiento.

  4. Haz clic en Recordar y volver a cargar y reproduce el problema interactuando con la consola de Google Cloud.

    El generador de perfiles registra hasta 10 segundos o hasta que el búfer esté lleno. Si necesitas grabar un perfil más largo para capturar el problema, puedes controlar la grabación de forma manual haciendo clic en Grabar y Detener.

  5. Cuando termines de grabar el perfil, haz clic en Guardar perfil > Guardar registro y guarda el archivo generado.

Edge

Usa la herramienta de rendimiento de las Herramientas para desarrolladores de Microsoft Edge:

  1. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  2. Abre las herramientas para desarrolladores de Microsoft Edge: Haz clic con el botón derecho en cualquier lugar de la página y elige Inspeccionar.

  3. En el panel de DevTools, selecciona la pestaña Rendimiento.

  4. Haz clic en Comenzar a generar perfiles y volver a cargar la página y reproduce el problema interactuando con la consola de Google Cloud.

    El generador de perfiles registra hasta 10 segundos o hasta que el búfer esté lleno. Si necesitas grabar un perfil más largo para capturar el problema, puedes controlar la grabación de forma manual haciendo clic en Grabar y Detener.

  5. Cuando termines de grabar el perfil, haz clic en Guardar perfil y guarda el archivo generado.

Firefox

Usa el generador de perfiles de Firefox:

  1. Habilita la ventana emergente del generador de perfiles de Firefox. Esto agrega un ícono del generador de perfiles a la barra de herramientas de Firefox.

  2. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  3. Abre el menú del generador de perfiles de Firefox: en la barra de herramientas de Firefox, haz clic en la flecha junto al ícono del generador de perfiles.

  4. En el menú del generador de perfiles, en el campo Configuración, selecciona Web Developer.

  5. Haz clic en Iniciar grabación, vuelve a cargar la página web y reproduce el problema interactuando con la consola de Google Cloud.

    Para detener la grabación, haz clic en el ícono del generador de perfiles en la barra de herramientas de Firefox. Se abrirá una pestaña nueva que contiene los datos registrados en la app web de Firefox Profiler.

  6. Haz clic en Subir perfil local, en Descargar y guarda el archivo generado.

Safari

Usa la pestaña Cronogramas del Inspector web de Safari:

  1. Habilita las herramientas para desarrolladores de Safari.

  2. En la consola de Google Cloud, navega a la página en la que se produce el problema.

  3. Abre el Inspector web de Safari: en la barra de menú de Safari, haz clic en Desarrollar > Mostrar Inspector web.

  4. En el Inspector web, selecciona la pestaña Línea de tiempo.

  5. Selecciona Detener la grabación una vez que se cargue la página.

  6. Vuelve a cargar la página web y reproduce el problema interactuando con la consola de Google Cloud.

    El generador de perfiles registra hasta 10 segundos o hasta que el búfer esté lleno. Si necesitas grabar un perfil más largo para capturar el problema, puedes controlar la grabación de forma manual haciendo clic en Iniciar grabación y Detener grabación.

  7. Cuando termines de grabar el perfil, haz clic en Exportar y guarda el archivo generado.

Luego, puedes subir el perfil de rendimiento guardado como archivo adjunto en tu caso de asistencia.