当前位置: 首页> 最新文章列表> 探索Cookie存储位置：它们存储在哪些地方？

探索Cookie存储位置：它们存储在哪些地方？

M66 2025-07-01

Cookie存储位置

随着互联网的发展，网站在用户浏览时会将一些数据保存到浏览器中，以便用户下次访问时能更快加载内容。这种数据保存方式称为Cookie。那么，Cookie到底存放在哪里呢？我们将详细探讨不同浏览器中的Cookie存储位置。

浏览器在客户端保存Cookie，具体存储位置取决于浏览器的实现。以下是几款主流浏览器的Cookie存储位置：

  • Chrome：Cookie保存在用户计算机的 %AppData%LocalGoogleChromeUser DataDefaultCookies 文件中。
  • Firefox：Cookie保存在 %AppData%RoamingMozillaFirefoxProfilesXXXX.defaultcookies.sqlite 中。
  • Safari：Cookie保存在 ~/Library/Cookies/cookies.binarycookies 中。
  • Edge：Cookie保存在 %AppData%LocalMicrosoftEdgeUser DataDefaultCookies 中。
  • Internet Explorer：Cookie保存在 C:Users用户名AppDataRoamingMicrosoftWindowsCookiesLow 中。注意，Windows 10及之后的版本逐渐弃用了此方法。

总体来说，Cookie通常存储在本地文件中，而非远程服务器。

JavaScript中的Cookie操作

在JavaScript中，Cookie的操作主要通过 document.cookie 属性来完成。以下是如何使用JavaScript读取、添加和删除Cookie的示例。

读取Cookie值

通过以下函数可以在JavaScript中读取Cookie：

function getCookie(name) {
  var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
  if (arr = document.cookie.match(reg)) {
    return decodeURIComponent(arr[2]);
  } else {
    return null;
  }
}

这个函数使用正则表达式匹配指定名称的Cookie，并返回对应的值。注意，由于Cookie值可能包含中文或其他特殊字符，需使用 decodeURIComponent() 进行解码。

添加Cookie

要在JavaScript中添加Cookie，可以使用如下代码：

function setCookie(name, value, duration) {
  var exp = new Date();
  exp.setTime(exp.getTime() + duration * 24 * 60 * 60 * 1000);
  document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + exp.toGMTString() + ";path=/";
}

此函数接受三个参数：name 表示Cookie的名称，value 表示Cookie的值，duration 表示Cookie的有效期（单位为天）。它会计算过期时间并将Cookie存储到 document.cookie 中。

删除Cookie

在JavaScript中，删除Cookie的方式如下：

function deleteCookie(name) {
  var exp = new Date();
  exp.setTime(exp.getTime() - 1);
  var cval = getCookie(name);
  if (cval != null) {
    document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString() + ";path=/";
  }
}

此函数将Cookie的过期时间设置为过去的时间，从而使其立即过期。

Node.js中的Cookie操作

在Node.js中，我们可以使用第三方库来操作Cookie。以下示例使用 cookie-parser 库来添加、读取和删除Cookie。

安装cookie-parser

在终端中输入以下命令来安装 cookie-parser：

npm install cookie-parser

添加Cookie

在Node.js中，添加Cookie的代码如下：

const cookieParser = require('cookie-parser');
app.use(cookieParser());
app.get('/setCookie', function(req, res) {
  res.cookie('name', 'value', { maxAge: 900000, httpOnly: true });
  res.send('cookie added');
});

这段代码在请求中设置了一个名为 'name' 的Cookie，其值为 'value'，有效期为900000毫秒，并且设置了httpOnly标志。

读取Cookie

读取Cookie的代码如下：

app.get('/getCookie', function(req, res) {
  var value = req.cookies.name;
  res.send('cookie value: ' + value);
});

删除Cookie

删除Cookie的代码如下：

app.get('/clearCookie', function(req, res) {
  res.clearCookie('name');
  res.send('cookie cleared');
});

结论

本文介绍了Cookie的存储位置，以及如何在JavaScript和Node.js中操作Cookie。需要特别注意的是，Cookie不进行加密，因此不应将敏感信息直接存储在Cookie中。确保合理设置Cookie的有效期，以避免过期数据造成的安全风险。

相关内容