Chrome控制台如何获取全量Cookie？console.log不返回HttpOnly Cookie

数据老陈

2026-10-10

Chrome开发者工具Cookie面板HTTP列标记说明

Chrome开发者工具「应用」标签页（旧版本叫「资源」标签页）下Cookie面板的「HTTP」列勾选标记，确实对应Cookie的HttpOnly属性。

Chrome控制台获取全量Cookie的方案

HttpOnly属性的设计目的就是禁止网页上下文的JavaScript读取对应Cookie，避免XSS漏洞泄露敏感登录态等信息，因此网页自带的JS代码、以及在控制台网页上下文运行的JS都无法通过document.cookie读取到HttpOnly Cookie，该限制属于浏览器安全策略，无绕过方案。

如果仅用于本地调试，可以通过以下两种方式获得和document.cookie格式完全一致的全量Cookie字符串：

方式1：使用DevTools专属命令行API

仅可在Chrome DevTools自带的控制台中运行，不支持嵌入到网页JS代码：

// 获取当前页面所有Cookie（含HttpOnly）
const allCookies = (await chrome.devtools.network.getHAR()).cookies;
// 格式化为key1=val1; key2=val2格式
const formattedCookieStr = allCookies.map(item => `${item.name}=${item.value}`).join('; ');
console.log(formattedCookieStr);