Cómo capturar información de seguimiento del navegador

Cuando informas un problema con la consola Google Cloud basada en la Web, proporcionar información de seguimiento del navegador nos ayuda a comprender y a 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 orientación adicional sobre la información útil que debes incluir en tu informe, consulta Cómo informar un problema de la consola de Google Cloud .

Cómo capturar un archivo HAR

HAR (archivo HTTP) es un formato de archivo que se usa para registrar datos de sesiones HTTP, lo que ayuda a solucionar problemas relacionados con HTTP.

Advertencia: Los archivos HAR pueden contener datos sensibles, como cookies del navegador y la información que envías en formularios. Si es necesario, puedes editar un archivo HAR en un editor de texto o usar una herramienta de limpieza de HAR para ocultar información sensible.

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 tienes 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 Herramientas para desarrolladores, 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 el registro de red.

6. Reproduce el problema interactuando con la consola Google Cloud .

7. Cuando termines de reproducir el problema, haz clic en download Export HAR (sanitized) y guarda el archivo HAR generado.

Edge

Usa la herramienta de red de Microsoft Edge DevTools:

1. En la consola de Google Cloud , navega a la página en la que tienes 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 Herramientas para desarrolladores, 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 el registro de red.

6. Reproduce el problema interactuando con la consola Google Cloud .

7. Cuando termines de reproducir el problema, haz clic en vertical_align_bottom 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 tienes 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 Herramientas para desarrolladores, 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 Conservar registros.

5. Haz clic en delete Borrar.

6. Reproduce el problema interactuando con la consola Google Cloud .

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 tienes el problema.

3. Abre el Inspector web de Safari: En la barra de menú de Safari, haz clic en Desarrollo > 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 Guardar el registro y vuelve a cargar la página web.

6. Haz clic en delete_forever Borrar elementos de red.

7. Reproduce el problema interactuando con la consola Google Cloud .

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 adjunto en tu caso de asistencia.

Cómo capturar un perfil de rendimiento

Si tienes problemas de rendimiento, como interacciones o renderización lentas de la página, puedes grabar un perfil de rendimiento del navegador. Para capturar y guardar un perfil de rendimiento con tu 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 tienes 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 Herramientas para desarrolladores, selecciona la pestaña Rendimiento.

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

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

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

Edge

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

1. En la consola de Google Cloud , navega a la página en la que tienes 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 Herramientas para desarrolladores, selecciona la pestaña Rendimiento.

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

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

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

Firefox

Usa el Generador de perfiles de Firefox:

1. Habilita la ventana emergente de Firefox Profiler. Esto agrega un ícono de 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 tienes el problema.

3. Abre el menú de Firefox Profiler: En la barra de herramientas de Firefox, haz clic en la flecha que se encuentra junto al ícono del profiler.

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

5. Haz clic en Start Recording, vuelve a cargar la página web y reproduce el problema interactuando con la Google Cloud consola.

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

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

Safari

Usa la pestaña Líneas de tiempo 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 tienes el problema.

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

4. En el Inspector web, selecciona la pestaña Timelines.

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 graba hasta 10 segundos o hasta que se llena su búfer. 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 un archivo adjunto en tu caso de asistencia.