Effacer tous les cookies avec JavaScript
Cet article vous aidera à supprimer tous les cookies à l’aide de JavaScript.
Les Cookies permettent aux clients et aux serveurs de communiquer et de transférer des informations via HTTP. Il permet au client de conserver les informations d’état même lors de l’utilisation du protocole sans état HTTP.
- Des informations sur le cookie sont envoyées dans les en-têtes de requête HTTP lors de chaque visite ultérieure sur le domaine à partir du navigateur de l’utilisateur.
- Les informations telles que les informations de connexion, le consentement et d’autres paramètres améliorent et personnalisent l’expérience utilisateur.
Supprimer tous les cookies du domaine actuel à l’aide de JavaScript
L’attribut cookie du présent document permet de modifier les attributs d’un cookie acheté à l’aide de l’attribut HTML DOM cookie. Le document.cookie renvoie une chaîne de tous les cookies délimités par des points-virgules associés au document en cours.
Syntaxe:
document.cookie = 'key=value';
Le code ci-dessous montre comment supprimer les cookies à l’aide de JavaScript. Le code est exécuté sur un éditeur en ligne pour démontrer que le code ne peut supprimer que les cookies générés par votre site.
<!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>
Le code ci-dessus a deux limitations.
- Les cookies avec le drapeau
HttpOnlyne sont pas supprimés car le drapeauHttpOnlydésactive l’accès JavaScript au cookie. - Les cookies définis comme valeurs de chemin ne sont pas supprimés. (Bien que ces cookies apparaissent sous
Deleted, ils ne peuvent pas être supprimés sans spécifier la même valeur pour le chemin d’installation.)
Production :
Lorsque vous cliquez sur Afficher les cookies, il affichera les cookies.
Vous pouvez également afficher les cookies dans l’inspecteur.
Après avoir cliqué sur Supprimer les cookies, il le supprimera, et vous devrez à nouveau cliquer sur afficher les cookies pour voir s’il est supprimé ou non.
Vous pouvez également voir dans l’inspecteur s’il est supprimé ou non.
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