本仓库包含两种方式,用于在浏览器中查看并复制当前页面的完整 Cookie(包括 HttpOnly)。两者都会在页面左上角显示一个 🍪 按钮,点击即可查看/复制该域名下的全部 Cookie。
| 方式 | 目录 | 说明 |
|---|---|---|
| Chrome 扩展 | cookie-helper/ |
独立扩展,通过 chrome.cookies API 获取完整 Cookie |
| 油猴脚本 | tampermonkey-beta/ |
需配合 篡改猴测试版 使用,通过 GM.cookie 获取完整 Cookie |
Chrome 扩展的**后台脚本(Service Worker)**可以调用受限的 chrome.cookies API。该 API 不受 HttpOnly 限制,能读取当前域名下的所有 Cookie。
前端(Content Script)在页面上显示按钮,点击后向后台发消息,后台用 chrome.cookies.getAll({ url }) 取回完整 Cookie,再传回前端并支持一键复制到剪贴板。
-
获取扩展文件
确保本机已有cookie-helper目录(包含manifest.json、background.js、content.js)。 -
在 Chrome 中加载未打包的扩展
- 打开 Chrome,地址栏输入:
chrome://extensions/ - 打开右上角 「开发者模式」
- 点击 「加载已解压的扩展程序」
- 选择
cookie-helper所在文件夹(即包含manifest.json的目录) - 确认列表中出现 「Cookie Helper」 且已启用
- 打开 Chrome,地址栏输入:
-
(可选)固定到工具栏
在扩展列表中点击 Cookie Helper 的图钉图标,方便后续使用。
- 打开任意网页(如需要抓 Cookie 的站点)。
- 页面左上角会出现一个 🍪 按钮。
- 点击 🍪:
- 弹出面板,展示当前站点全部 Cookie(含 HttpOnly、Secure、SameSite 等标注)。
- 点击面板内 「复制全部」,可将 Cookie 以
name=value; name2=value2; ...格式复制到剪贴板。
- 再次点击 🍪 或面板上的 「关闭」 可关闭面板。
- cookies:用于在后台读取完整 Cookie。
- scripting、host_permissions: <all_urls>:用于在所有网页注入内容脚本并获取对应 URL 的 Cookie。
脚本使用 GM.cookie(即 GM.cookie.list())来读取完整 Cookie(含 HttpOnly)。
该 API 仅在 Tampermonkey 的测试版 中提供,稳定版 Tampermonkey 不支持,因此无法在稳定版里拿到 HttpOnly Cookie。
- ❌ 不要用:篡改猴稳定版
- ✅ 请使用:篡改猴测试版
若使用稳定版,脚本会退化为仅读取 document.cookie,无法获取 HttpOnly Cookie。
-
开启 Chrome 开发者模式
- 打开 Chrome,地址栏输入:
chrome://extensions/ - 打开页面右上角的 「开发者模式」 开关(开启后为蓝色)。
- 打开 Chrome,地址栏输入:
-
安装篡改猴测试版
- 打开上面的「篡改猴测试版」商店链接,点击 「添加至 Chrome」 完成安装。
- 确认浏览器中安装的是 Tampermonkey Beta(测试版),而不是稳定版。
-
配置篡改猴测试版(管理扩展程序)
- 在
chrome://extensions/列表中找到 「篡改猴测试版」,点击其下的 「管理扩展程序」(或「详细信息」)进入该扩展的详情页。 - 在详情页中按下面参考图开启以下设置,否则脚本可能无法正常运行或无法通过
GM.cookie获取完整 Cookie:- 允许运行用户脚本:必须开启(否则油猴无法执行用户脚本)
- 固定到工具栏:建议开启,便于快速打开管理面板
- 在无痕模式下启用:若需在无痕模式下使用脚本,请开启
- 允许访问文件网址:若需在本地
file://页面使用,请开启
- 在
-
安装用户脚本
- 用 Tampermonkey 测试版 「添加新脚本」,或打开 「管理面板」→「+」 新建脚本。
- 将本仓库中
tampermonkey-beta/cookie-viewer.user.js的全部内容复制进编辑器,保存。 - 或:若脚本已托管在可访问的 URL,可在 Tampermonkey 中选择 「从 URL 安装」 并填入该 URL。
-
确认脚本已启用
在 Tampermonkey 管理面板中,确认「网页完整 Cookie 查看与复制」脚本为已启用状态。
脚本匹配*://*/*,会对所有页面生效。
- 打开任意网页。
- 页面左上角会出现 🍪 按钮。
- 点击 🍪:
- 若运行在篡改猴测试版下且
GM.cookie可用,会显示 「GM.cookie(含 HttpOnly)」,并列出完整 Cookie。 - 若
GM.cookie不可用(例如误用稳定版),会显示 「document.cookie(仅非 HttpOnly)」,此时只能看到非 HttpOnly 的 Cookie。
- 若运行在篡改猴测试版下且
- 点击 「复制全部」 可复制为
name=value; ...格式;「关闭」 关闭面板。
- @grant GM.cookie:用于读取完整 Cookie(测试版专属)。
- @grant GM_setClipboard:用于写入剪贴板(若不可用会回退到
navigator.clipboard)。 - @match :///*:所有 HTTP/HTTPS 页面。
- @run-at document-idle:在 DOM 就绪后注入,避免影响页面加载。
| 项目 | Cookie Helper(扩展) | 油猴脚本(tampermonkey-beta) |
|---|---|---|
| 依赖 | 仅需 Chrome | 必须安装 篡改猴测试版 |
| 获取方式 | chrome.cookies.getAll() |
GM.cookie.list() |
| HttpOnly | ✅ 支持 | ✅ 支持(仅测试版) |
| 安装方式 | 加载已解压的扩展程序 | 在 Tampermonkey 中新建/从 URL 安装脚本 |
| 适用场景 | 不想装油猴、只用 Chrome 扩展 | 已使用 Tampermonkey、希望用脚本统一管理 |
两种方式不要同时启用在同一页面,否则会出现两个 🍪 按钮;择一使用即可。
