Problemas: Cómo encontrar y solucionar problemas

Sofía Emelianova
Sofía Emelianova

El panel Issues de las Herramientas para desarrolladores de Chrome reduce el cansancio y el desorden en las notificaciones de Console. Úsalo para encontrar soluciones a problemas que detecta el navegador, como problemas de cookies y contenido mixto.

A partir de ahora, el panel Issues admite lo siguiente:

Las versiones futuras de Chrome admitirán más tipos de problemas.

Abre la pestaña Problemas

  1. Visita una página que tenga problemas para corregir, como samesite-sandbox.glitch.me.
  2. Abra Herramientas para desarrolladores.
  3. Haz clic en el botón Abrir problemas junto a Configuración. Configuración en la esquina superior derecha de la barra de acciones. Según la gravedad del problema, el botón puede tener un ícono rojo Se produjo un error., amarillo Advertencia. o azul Información..

    El botón Abrir problemas con un ícono rojo

    También puedes seleccionar Problemas en el menú Menú Más herramientas Más herramientas.

    La pestaña Problemas en el menú Más herramientas

  4. Una vez que estés en el panel Issues, te recomendamos que vuelvas a cargar la página para detectar aún más problemas, esta vez durante la carga de la página.

    Se encontró la pestaña Problemas con uno o más problemas después de volver a cargar la página.

Es posible que Console también te muestre los problemas que informó el navegador. Sin embargo, notarás que esos problemas (como la advertencia de cookies que aparece en la siguiente captura de pantalla) son difíciles de entender. No está claro qué debes hacer para solucionarlo.

La consola con una advertencia de cookies desconocidas.

Por otro lado, el panel Problemas te proporciona estadísticas prácticas.

Ver los elementos de la pestaña Problemas

El panel Issues presenta advertencias del navegador de manera estructurada, agregada y práctica.

  1. Haz clic en un elemento del panel Problemas para expandir el problema y obtener orientación sobre cómo solucionarlo y encontrar los recursos afectados.

    La pestaña Problemas con un problema de cookies de varios sitios expandida

    Cada elemento tiene cuatro componentes:

    • Un título que describa el problema
    • Una descripción que proporcione el contexto y la solución.
    • Una sección RECURSOS AFECTADOS con vínculos a recursos dentro del contexto apropiado de Herramientas para desarrolladores, como Network, Sources, Elements y otros paneles.
    • Vínculos para obtener más información.
  2. Haz clic en los elementos de RECURSOS AFECTADOS para ver los problemas en contexto.

Agrupa los problemas por tipo

En el panel Issues, se registra la cantidad de recursos afectados por cada problema y se muestra junto a sus títulos. Además, puedes organizar los problemas por gravedad en tres tipos de grupos:

  • Se produjo un error. Errores de página que informa Chrome.
  • Advertencia. Cambios rotundos, como bajas
  • Información. Mejoras que sugiere Herramientas para desarrolladores

Para agrupar los problemas, marca Casilla de verificación. Agrupar por tipo en la barra de acciones que se encuentra en la parte superior del panel Problemas.

Problemas agrupados en tres tipos: Errores de página, Cambios rotundos y Mejoras.

Incluir problemas de terceros

De forma predeterminada, la pestaña Problemas muestra los problemas relacionados con las cookies de terceros.

Puedes encontrar los problemas relacionados con las cookies de terceros en la sección RECURSOS AFECTADOS a los que les falta un vínculo.

Cookies de terceros sin un recurso vinculado en la sección Recursos afectados.

Para ocultar esos problemas, borra claro Incluir problemas de cookies de terceros en la barra de acciones que se encuentra en la parte superior del panel Problemas.

Ocultar problemas

Para ocultar un problema, selecciona Ocultar problemas como este en el menú de tres puntos Menú de tres puntos junto a él.

La opción Ocultar problemas como esta en el menú de tres puntos junto a uno

Para ver la lista de problemas ocultos, desplázate hacia abajo hasta la sección Problemas ocultos y expándela.

La sección Problemas ocultos

Para mostrar todos los problemas, haz clic en Mostrar todo. Para revelar un problema específico, selecciona Mostrar problemas como este en el menú de tres puntos Menú de tres puntos junto al problema.

Además, si tienes habilitada la agrupación, puedes ocultar grupos enteros de problemas con el mismo menú de tres puntos junto a un grupo.

Menú de tres puntos con una opción para ocultar el grupo Mejoras.

Ver problemas en contexto

Para investigar un problema, sigue estos pasos:

  1. En la sección RECURSOS AFECTADOS, haz clic en el vínculo de un recurso para ver el elemento en el contexto adecuado de Herramientas para desarrolladores. En este ejemplo, haz clic en samesite-sandbox.glitch.me para mostrar las cookies adjuntas a esa solicitud. El vínculo te llevará al panel Red.

    La sección Recursos afectados con un vínculo a la solicitud afectada.

  2. Desplázate para ver el elemento con un problema: en este caso, la cookie ck02. Coloca el cursor sobre el ícono de información Información. a la derecha para ver el problema y cómo solucionarlo.

    El panel Red muestra información sobre la herramienta cuando colocas el cursor sobre el ícono de información.