Borrar todas las cookies con JavaScript
Este artículo lo ayudará a borrar todas las cookies usando JavaScript.
Las Cookies permiten a los clientes y servidores comunicarse y transferir información a través de HTTP. Permite que el cliente conserve la información de estado incluso cuando se utiliza el protocolo sin estado HTTP.
- La información sobre la cookie se envía en encabezados de solicitud HTTP en cada visita posterior al dominio desde el navegador del usuario.
- La información, como la información de inicio de sesión, el consentimiento y otros parámetros, mejora y personaliza la experiencia del usuario.
Eliminar todas las cookies del dominio actual mediante JavaScript
El atributo de cookie en el documento actual se usa para cambiar los atributos de una cookie comprada usando el atributo cookie HTML DOM. El document.cookie devuelve una cadena de todas las cookies delimitadas por punto y coma asociadas con el documento actual.
Sintaxis:
document.cookie = 'key=value';
El siguiente código muestra cómo eliminar cookies usando JavaScript. El código se ejecuta en un editor en línea para demostrar que el código solo puede eliminar las cookies generadas por su sitio.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
</title>
</head>
<body>
<main>
<script type="text/javascript">
document.cookie = "username=shiv";
document.cookie = "CONSENT=YES+IN.en+20170903-09-0";
function displayCookies() {
var displayCookies = document.getElementById("display");
displayCookies.innerHTML = document.cookie;
}
function deleteAllCookies() {
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
var eqPos = cookie.indexOf("=");
var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
}
}
</script>
<button onclick="displayCookies()">Display Cookies</button>
<button onclick="deleteAllCookies()">Delete Cookies</button>
<p id="display"></p>
</main>
</body>
</html>
El código anterior tiene dos limitaciones.
- Las cookies con el indicador
HttpOnlyestablecido no se eliminan porque el indicadorHttpOnlydeshabilita el acceso de JavaScript a la cookie. - Las cookies establecidas como valores de ruta no se eliminan. (Aunque estas cookies aparecen en
Eliminado, no se pueden eliminar sin especificar el mismo valor para la ruta de instalación).
Producción:
Al hacer clic en Mostrar cookies, se mostrarán las cookies.
También puede ver las cookies en el inspector.
Después de hacer clic en Eliminar cookies, se eliminarán, y deberá volver a hacer clic en mostrar cookies para ver si se eliminan o no.
También puede ver en el inspector si se elimina o no.
Shiv is a self-driven and passionate Machine learning Learner who is innovative in application design, development, testing, and deployment and provides program requirements into sustainable advanced technical solutions through JavaScript, Python, and other programs for continuous improvement of AI technologies.
LinkedIn