Maison > interface Web > tutoriel HTML > le corps du texte

Analyse du stockage des cookies : explication détaillée des emplacements de stockage dans différents navigateurs

WBOY
Libérer: 2024-01-19 10:31:19
original
1582 Les gens l'ont consulté

Analyse du stockage des cookies : explication détaillée des emplacements de stockage dans différents navigateurs

Avec le développement continu de la technologie Internet, nos vies deviennent progressivement de plus en plus numériques et les applications Web deviennent de plus en plus courantes. Dans le développement Web, le cookie est un concept très important. Il s'agit d'une technologie utilisée pour stocker des données, qui permet au serveur Web d'envoyer de petites données au client. Le navigateur client les stocke localement et demande au même serveur la prochaine fois. renvoyé au serveur.

Les différents navigateurs ne stockent et n'utilisent pas les cookies exactement de la même manière. Cet article vous donnera une introduction détaillée à l'emplacement et à l'utilisation des cookies par différents navigateurs, et fournira des exemples de code spécifiques.

1. Navigateur Chrome

L'emplacement de stockage des cookies dans le navigateur Chrome se trouve dans le répertoire des données utilisateur du système. Les chemins sous différents systèmes d'exploitation sont légèrement différents.

Sous Windows, l'emplacement de stockage des cookies de Chrome est : C:UsersUserNameAppDataLocalGoogleChromeUser DataDefaultCookies.

Sous macOS, l'emplacement de stockage des cookies de Chrome est : /Users/UserName/Library/Application Support/Google/Chrome/Default/Cookies.

Sous Linux, l'emplacement de stockage des cookies de Chrome est : ~/.config/google-chrome/Default/Cookies.

Le navigateur Chrome fournit l'API globale chrome.cookies pour gérer les cookies. Cette API peut être utilisée dans les extensions pour manipuler les cookies.

Ce qui suit est un exemple de code spécifique pour définir et obtenir des cookies :

Définir les cookies :

chrome.cookies.set({
    'url': 'http://www.example.com',
    'name': 'example_cookie',
    'value': 'example_value'
}, function(cookie) {
    console.log('Cookie set:', cookie);
});
Copier après la connexion
Copier après la connexion

Obtenir les cookies :

chrome.cookies.get({
    'url': 'http://www.example.com',
    'name': 'example_cookie'
}, function(cookie) {
    console.log('Cookie value:', cookie.value);
});
Copier après la connexion
Copier après la connexion

2. Navigateur Firefox

L'emplacement de stockage des cookies dans le navigateur Firefox est également dans le système Dans l'utilisateur répertoire de données, les chemins sous différents systèmes d'exploitation sont légèrement différents.

Sous Windows, l'emplacement de stockage des cookies de Firefox est : C:UsersUserNameAppDataRoamingMozillaFirefoxProfilesProfileNamecookies.sqlite.

Sous macOS, l'emplacement de stockage des cookies de Firefox est : /Users/UserName/Library/Application Support/Firefox/Profiles/ProfileName/cookies.sqlite.

Sous Linux, l'emplacement de stockage des cookies de Firefox est : ~/.mozilla/firefox/ProfileName/cookies.sqlite.

Le navigateur Firefox fournit l'API globale Services.cookies pour gérer les cookies. Cette API peut être utilisée dans les extensions pour manipuler les cookies.

Ce qui suit est un exemple de code spécifique pour définir et obtenir des cookies :

Définir les cookies :

let cookieMgr = Components.classes["@mozilla.org/cookiemanager;1"].getService(Components.interfaces.nsICookieManager);

let cookieUri = Components.classes["@mozilla.org/network/io-service;1"].getService(Components.interfaces.nsIIOService).newURI("http://www.example.com/", null, null);
let cookie = Components.classes["@mozilla.org/cookieService;1"].getService(Components.interfaces.nsICookieService).createCookie();
cookie.name = "example_cookie";
cookie.value = "example_value";
cookie.host = "www.example.com";
cookie.path = "/";
cookieMgr.add(cookieUri, null, cookie);
Copier après la connexion

Obtenir les cookies :

let cookieMgr = Components.classes["@mozilla.org/cookiemanager;1"].getService(Components.interfaces.nsICookieManager);

let iterator = cookieMgr.enumerator;
let cookieValue = null;

while(iterator.hasMoreElements()) {
    let cookie = iterator.getNext().QueryInterface(Components.interfaces.nsICookie);
    if(cookie.name == "example_cookie" && cookie.host == "www.example.com") {
        cookieValue = cookie.value;
        break;
    }
}

console.log('Cookie value:', cookieValue);
Copier après la connexion

3. Navigateur Safari

L'emplacement de stockage des cookies dans le navigateur Safari est également dans le système Dans l'utilisateur répertoire de données, les chemins sous différents systèmes d'exploitation sont légèrement différents.

Sous Windows, l'emplacement de stockage des cookies de Safari est : Non pris en charge.

Sous macOS, l'emplacement de stockage des cookies de Safari est : /Users/UserName/Library/Cookies/Cookies.binarycookies.

Sous iOS, l'emplacement de stockage des cookies de Safari est : /private/var/mobile/Containers/Data/Application/ApplicationName/Library/Cookies/Cookies.binarycookies.

Le navigateur Safari fournit l'API WebStorage pour gérer les cookies. Cette API peut être utilisée en JavaScript pour manipuler les cookies.

Ce qui suit est un exemple de code spécifique pour définir et obtenir des cookies :

Définir les cookies :

localStorage.setItem("example_cookie", "example_value");
Copier après la connexion

Obtenir des cookies :

let cookieValue = localStorage.getItem("example_cookie");
console.log('Cookie value:', cookieValue);
Copier après la connexion

4. Navigateur Edge

L'emplacement de stockage des cookies dans le navigateur Edge est également dans le système dans le répertoire de données utilisateur.

Sous Windows, l'emplacement de stockage des cookies d'Edge est : C:UsersUserNameAppDataLocalPackagesMicrosoft.MicrosoftEdge_8wekyb3d8bbweACMicrosoftEdgeCookiesCookies.

Le navigateur Edge fournit l'API globale chrome.cookies pour exploiter les cookies, qui peut être utilisée dans les extensions pour manipuler les cookies.

Voici un exemple de code spécifique pour définir et obtenir des cookies :

Définir les cookies :

chrome.cookies.set({
    'url': 'http://www.example.com',
    'name': 'example_cookie',
    'value': 'example_value'
}, function(cookie) {
    console.log('Cookie set:', cookie);
});
Copier après la connexion
Copier après la connexion

Obtenir les cookies :

chrome.cookies.get({
    'url': 'http://www.example.com',
    'name': 'example_cookie'
}, function(cookie) {
    console.log('Cookie value:', cookie.value);
});
Copier après la connexion
Copier après la connexion

Résumé :

Les différents navigateurs diffèrent dans la manière dont ils stockent et manipulent les cookies. Cela doit être pris en compte considération lors du développement d'applications Web afin de pouvoir tirer pleinement parti des API fournies par les différents navigateurs et de garantir que l'application peut fonctionner correctement sur toutes les plates-formes. Dans cet article, nous présentons les quatre navigateurs les plus courants, à savoir Chrome, Firefox, Safari et Edge, et fournissons des exemples de code spécifiques pour le fonctionnement des cookies, dans l'espoir de vous aider dans votre travail de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal