Problemas: Cómo encontrar y solucionar problemas

Usa el panel Problemas para encontrar soluciones a los problemas que detecta el navegador, como problemas con las cookies y contenido mezclado.

Descripción general

El panel Problemas recopila y agrupa los problemas comunes, lo que reduce la fatiga por notificaciones y el desorden en Play Console.

A partir de ahora, el panel Problemas informa lo siguiente:

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

Abre el panel Problemas

  1. Visita una página con problemas que corregir, como samesite-sandbox.glitch.me.
  2. Abre las Herramientas para desarrolladores.
  3. Haz clic en el botón Open Issues junto a Configuración. Settings en la esquina derecha de la barra de acción en la parte superior. Según la gravedad del problema, el botón puede tener un ícono Error. rojo, Advertencia. amarillo o Información. azul.

    El botón Open Issues con un ícono rojo

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

    El panel Problemas en el menú Más herramientas.

  4. Una vez que estés en el panel Problemas, 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.

    El panel de problemas con un problema más que se encontró 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 en la captura de pantalla que aparece a continuación) son difíciles de entender. No está claro qué debes hacer para solucionarlo.

La consola con una advertencia de cookies poco clara

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

Cómo ver los elementos en el panel Problemas

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

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

    El panel de problemas con un problema de cookies entre sitios expandido.

    Cada elemento tiene cuatro componentes:

    • Un título que describa el problema.
    • Una descripción que proporciona el contexto y la solución
    • Una sección AFFECTED RESOURCES que vincula a recursos dentro del contexto correcto de DevTools, como Network, Sources, Elements y otros paneles
    • Vínculos para obtener más orientación
  2. Haz clic en los elementos de RECURSOS AFECTADOS para ver los problemas en contexto.

Cómo agrupar problemas por tipo

El panel Problemas cuenta la cantidad de recursos afectados por cada problema y los muestra junto a sus títulos. Además, puedes organizar los problemas por su gravedad en tres tipos de grupos:

  • Error. Errores de página que informa Chrome.
  • Advertencia. Cambios rotundos, como bajas.
  • Información. Mejoras que sugiere DevTools.

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

Los problemas se agrupan en tres tipos: Errores de la página, Cambios rotundos y Mejoras.

Incluir los problemas de terceros

El panel Issues muestra los problemas de cookies de terceros de forma predeterminada.

Puedes encontrar problemas con las cookies de terceros en la sección RECURSOS AFECTADOS, donde falta un vínculo.

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

Para ocultar estos problemas, borra Borrar. Incluir los problemas de las cookies de terceros en la barra de acción en la parte superior del panel Problemas.

Cómo ocultar problemas

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

La opción Ocultar problemas como este en el menú de tres puntos junto a un problema.

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 revelar 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, con la agrupación habilitada, puedes ocultar grupos completos de problemas con el mismo menú de tres puntos que se encuentra junto a un grupo.

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

Cómo ver los problemas en contexto

Para investigar un problema, sigue estos pasos:

  1. En la sección RECURSOS AFECTADOS, haz clic en un vínculo de recurso para ver el elemento en el contexto adecuado dentro de DevTools. 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 hasta ver el elemento con el problema: en este caso, la cookie ck02. Coloca el cursor sobre el ícono de información Información. de la derecha para ver el problema y cómo solucionarlo.

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