El Editor de Cookies muestra todas las cookies del dominio actual en una tabla limpia y ordenable. Ve nombres de cookies, valores, fechas de expiración, rutas y banderas de seguridad (HttpOnly, Secure, SameSite). Edita valores en línea, añade nuevas cookies con parámetros personalizados o elimina cookies individuales o todas a la vez — esencial para depurar autenticación, sesiones y flujos de consentimiento.
Las cookies impulsan la autenticación, gestión de sesiones, preferencias de usuario, seguimiento de consentimiento, analítica y pruebas A/B — pero administrarlas durante el desarrollo es tedioso. Los DevTools de Chrome muestran las cookies en la pestaña Application, pero la interfaz es básica y requiere navegar por múltiples paneles. El Editor de Cookies pone todo en una tabla limpia: cada cookie para el dominio actual con todas sus propiedades visibles de un vistazo. Edita cualquier valor de cookie haciendo clic en él — los cambios se guardan en el almacén de cookies del navegador inmediatamente. Agrega cookies completamente nuevas con nombres, valores, fechas de expiración, rutas y banderas personalizadas. Elimina cookies individualmente o bórralas todas. La tabla muestra distintivos de banderas de seguridad (S para Secure, H para HttpOnly) para que puedas verificar que las cookies sensibles tienen la protección adecuada. Las cookies de sesión se distinguen de las persistentes por su columna de expiración. Es la herramienta que desearías que los DevTools del navegador tuvieran integrada.
Cada cookie del dominio actual se muestra en una tabla ordenable con columnas para Nombre, Valor, Expiración (o "Sesión"), Ruta y Banderas. La tabla es limpia y escaneable — ve todas las cookies de un vistazo.
Haz clic en cualquier valor de cookie para editarlo en el lugar. Escribe el nuevo valor y se guarda en el almacén de cookies del navegador inmediatamente. No es necesario eliminar y recrear la cookie — solo cambia el valor directamente.
Haz clic en "Agregar" para crear una nueva cookie con nombre, valor, fecha de expiración, ruta y dominio personalizados. Establece las banderas Secure, HttpOnly y SameSite. La cookie se crea en el almacén de cookies del navegador inmediatamente.
Elimina una sola cookie haciendo clic en su botón de eliminar, o "Eliminar Todo" para borrar cada cookie del dominio actual. Útil para probar estados de cierre de sesión o flujos de consentimiento.
Distintivos visuales indican las banderas de seguridad: S (Secure — solo HTTPS), H (HttpOnly — no accesible vía JavaScript), valor SameSite (Strict, Lax, None). Verifica de un vistazo que las cookies sensibles estén correctamente protegidas.
La columna Expiración distingue claramente entre cookies de sesión ("Sesión" — eliminadas cuando se cierra el navegador) y cookies persistentes (mostrando la fecha y hora reales de expiración). Sin ambigüedad sobre la duración de la cookie.
Inspecciona las cookies de sesión para verificar que se establezcan correctamente después del inicio de sesión. Edita el token de sesión para probar el manejo de sesiones expiradas o inválidas. Elimina la cookie de sesión para probar la experiencia de cierre de sesión.
Elimina la cookie de consentimiento para volver a activar el banner de consentimiento de cookies. Edita los valores de consentimiento para probar diferentes estados de consentimiento (todo aceptado, parcialmente aceptado, todo rechazado).
Verifica que las cookies de autenticación tengan HttpOnly (previniendo el robo por XSS), Secure (solo HTTPS) y SameSite=Strict o Lax (previniendo CSRF). Las banderas faltantes son inmediatamente visibles en la tabla.
Agrega cookies para simular estados de inicio de sesión, variantes de pruebas A/B, asignaciones de feature flags o preferencias de localización sin pasar por los flujos de usuario normales.
Edita la expiración de una cookie a una fecha pasada y recarga para probar cómo el sitio maneja las cookies expiradas. O cambia una cookie de sesión a persistente para probar el comportamiento de persistencia.
Abre el popup de DevSuite Pro y haz clic en el ícono del Editor de Cookies. Todas las cookies del dominio actual se cargan en la tabla.
Desplázate por la tabla de cookies. Haz clic en los encabezados de columna para ordenar por nombre, valor o expiración. Los distintivos de banderas de seguridad muestran qué cookies son Secure y HttpOnly.
Haz clic en cualquier celda de valor para editarla en línea. Escribe el nuevo valor — se guarda en el almacén de cookies inmediatamente. La página puede necesitar una recarga para reflejar el cambio.
Haz clic en "Agregar" para crear una nueva cookie con control completo de parámetros. Haz clic en el ícono de eliminar en cualquier fila para quitar esa cookie. "Eliminar Todo" borra todo.
Después de editar las cookies, recarga la página para ver cómo los cambios afectan al sitio — estado de inicio de sesión, preferencias, banners de consentimiento, etc.
Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.
