Las cookies HTTP se usan principalmente para administrar sesiones de usuario, almacenar preferencias de personalización del usuario y hacer un seguimiento de su comportamiento. También son la causa de todos esos molestos formularios de consentimiento que ves en la Web que dicen “Esta página usa cookies”. En esta guía, aprenderás a ver, agregar, editar y borrar las cookies de una página con las Herramientas para desarrolladores de Chrome.
Abre el panel Cookies
- Abre las herramientas para desarrolladores de Chrome.
- Abre Aplicación > Almacenamiento > Cookies y selecciona un origen.
Campos
La tabla Cookies contiene los siguientes campos:
- Name. Es el nombre de la cookie.
- Valor Es el valor de la cookie.
- Dominio. Los hosts que pueden recibir la cookie.
- Ruta de acceso. Es la URL que debe existir en la URL solicitada para enviar el encabezado
Cookie. - Expires / Max-Age. Es la fecha de vencimiento o la antigüedad máxima de la cookie.
Para las cookies de sesión, este valor siempre es
Session. - Size (Tamaño). Es el tamaño de la cookie, en bytes.
- HttpOnly. Si es verdadero, este campo indica que la cookie solo debe usarse en HTTP y que no se permite la modificación de JavaScript.
- Seguridad. Si es verdadero, este campo indica que la cookie solo se puede enviar al servidor a través de una conexión HTTPS segura.
- SameSite Contiene
StrictoLaxsi la cookie usa el atributo experimentalSameSite. - Clave de partición: En el caso de las cookies con estado particionado independiente, la clave de partición es el sitio de la URL de nivel superior que el navegador estaba visitando al comienzo de la solicitud al extremo que configuró la cookie.
- Priority. Contiene
Low,Medium(predeterminado) oHighsi se usa el atributo cookie Priority obsoleto.
Para ver el valor de una cookie, selecciónala en la tabla. Para ver el valor sin codificación porcentual, marca Mostrar decodificados de URL.
Cómo filtrar cookies
Usa la casilla Filtro para filtrar las cookies por Nombre o Valor.
No se admite el filtrado por otros campos. El filtro no distingue mayúsculas de minúsculas.
Agrega una cookie
Para agregar una cookie arbitraria, haz lo siguiente:
- Haz doble clic en una fila vacía de la tabla.
- Ingresa un Nombre y un Valor y presiona Intro.
DevTools propaga otros campos obligatorios automáticamente. Puedes editarlos como se describe a continuación.
Cómo editar una cookie
Todos los campos se pueden editar, excepto la opción de Tamaño, que se actualiza automáticamente.
Haz doble clic en un campo para editarlo.
DevTools destaca en rojo las cookies con valores de campo no válidos.
Para filtrar las cookies válidas, marca Mostrar solo cookies que tengan problemas en la barra de acción superior.
Se borran las cookies.
Para borrar una cookie, selecciónala y haz clic en Borrar seleccionado en la barra de acción superior.
Haz clic en Borrar todo para eliminar todas las cookies.
Identifica e inspecciona las cookies de terceros
Las cookies de terceros son las que establece un sitio distinto de la página de nivel superior actual. Las cookies de terceros tienen el atributo SameSite=None.
DevTools enumera esas cookies en Application > Storage > Cookies y muestra un ícono de advertencia junto a ellas. Coloca el cursor sobre el ícono para ver información sobre la herramienta y haz clic en él para ir al panel Problemas y obtener más información.
También puedes encontrar las cookies de terceros en Red > hacer clic en la solicitud > Cookies.
El panel Network destaca las cookies con problemas y muestra un ícono de junto a las cookies afectadas por la baja gradual de las cookies de terceros.