如何快速上手 Claude Counter：Chrome、Edge、Firefox 与油猴脚本 4 种安装方式一次讲清
【免费下载链接】claude-counterA minimal browser extension that shows token count, cache timer, and usage bars on claude.ai.项目地址: https://gitcode.com/gh_mirrors/cl/claude-counter
Claude Counter是一款极简的浏览器扩展，专为 claude.ai 用户打造：它会在聊天页顶部和输入框附近实时显示Token 用量、缓存倒计时和会话/每周使用进度条，帮你直观掌握上下文余量与额度消耗。全文数据均在本地处理，无任何外部服务器与追踪。下面按 Chrome、Edge、Firefox、油猴脚本（Userscript）4 种场景给出完整安装教程，任选其一即可上手。
Claude Counter 的 3 个核心功能
| 功能 | 作用说明 |
|---|---|
| 🧮Token 计数 | 估算当前对话的 Token 数，并附带面向 20 万上下文上限的迷你进度条 |
| ⏱️缓存倒计时 | 显示对话保持缓存状态（继续对话更省钱）的剩余时间 |
| 📊用量进度条 | 基于 Claude 官方接口展示 5 小时会话与 7 天周额度的精确用量及重置倒计时，比原生 /usage 页面的四舍五入百分比更准确 |
💡 三个功能均只针对 claude.ai 站点生效，其他网站完全不受影响。
4 种安装方式速览
| 安装方式 | 适用场景 | 难度 |
|---|---|---|
| 方式一：Chrome 扩展安装 | Chrome / Chromium 系浏览器 | ⭐ 拖拽即用 |
| 方式二：Edge 扩展安装 | Microsoft Edge | ⭐ 与 Chrome 几乎相同 |
| 方式三：Firefox 拖拽安装 | Firefox 142 及以上版本 | ⭐ 拖拽即装 |
| 方式四：油猴脚本安装 | 已装 Tampermonkey 等脚本管理器，或不想装完整扩展 | ⭐⭐ 粘贴脚本 |
方式一：Chrome 扩展安装步骤（开发者模式 + 拖拽）
- 从项目 Releases 页面下载最新版的
claude-counter-x.x.x.zip压缩包 - 在 Chrome 地址栏输入
chrome://extensions打开扩展管理页 - 打开页面右上角的开发者模式（Developer mode）开关
- 把下载好的 zip 文件直接拖放到该页面，稍等片刻即安装完成
✅ 安装后打开 claude.ai 的任意对话页，顶部即会出现 Token 计数与缓存倒计时。
方式二：Edge 扩展安装方法（与 Chrome 同法）
Edge 基于 Chromium 内核，流程与 Chrome 完全一致，只需把地址换掉：
- 下载同一份
claude-counter-x.x.x.zip压缩包 - 在 Edge 地址栏输入
edge://extensions打开扩展页 - 开启右上角的开发人员模式
- 拖拽 zip 包到页面中完成安装
📌 扩展的站点匹配规则、注入脚本声明都写在 manifest.json 中，仅匹配
https://claude.ai/*，可放心使用。
方式三：Firefox 拖拽安装方法
- 从项目 Releases 页面下载 Firefox 专用的
claude-counter-x.x.x.xpi安装包 - 将
.xpi文件拖拽到任意一个 Firefox 窗口中 - 在弹出提示中点击添加（Add）按钮即可
⚠️ 注意：根据 manifest.json 中的声明，该扩展要求Firefox 142.0 及以上版本，旧版本请先升级浏览器。
方式四：油猴脚本安装（Tampermonkey / Violentmonkey）
不想装完整扩展？油猴脚本方案只注入一个文件，轻量灵活：
- 确认浏览器已安装油猴（Tampermonkey）或同类脚本管理器
- 打开管理器「添加新脚本」，将 userscript/claude-counter.user.js 的完整内容粘贴保存
- 刷新 claude.ai 页面，功能即刻生效
脚本头部声明（claude-counter.user.js#L1-L10）说明它只匹配https://claude.ai/*、在document-start时机运行、无任何权限请求（@grant none）。它会在页面加载时拦截 fetch 请求读取对话数据，需要联网加载 Token 计数依赖。
进阶：从源码加载未打包扩展（可选）
如果你习惯从源码试用或想跟随最新版本，也可以直接加载项目源码目录：
git clone https://gitcode.com/gh_mirrors/cl/claude-counter然后在chrome://extensions（或edge://extensions）开启开发者模式后，点击「加载已解压的扩展」，选择克隆下来的项目根目录（包含 manifest.json 的目录）即可。
工作原理与隐私保障 🔒
- 数据来源：拦截 claude.ai 自身的 API 响应获取对话数据，并读取
lastActiveOrgCookie 查询/usage接口，结合实时 SSE 数据让进度条更精确 - Token 估算：内置（vendored）的
o200k_base分词器，来源与授权见 THIRD_PARTY_NOTICES.md - 隐私承诺：所有数据留在本地，无外部服务器、无追踪，请求只发往 claude.ai 本身
项目关键文件导航 📂
| 文件 | 说明 |
|---|---|
| README.md | 项目说明与安装文档 |
| manifest.json | 扩展元信息、脚本注入与站点匹配规则 |
| userscript/claude-counter.user.js | 油猴脚本版本 |
| src/content/main.js | 内容脚本入口逻辑 |
| src/content/tokens.js | Token 计数实现 |
| src/content/ui.js | 页面 UI 渲染 |
| src/injected/bridge.js | 页面级数据桥接脚本 |
| LICENSE | MIT 开源协议 |
上手总结：日常用户推荐方式一（Chrome/Edge 拖拽安装），三步搞定；Firefox 用户用.xpi拖拽；已有油猴环境的用户可直接使用脚本版。安装完成后，Token 用量、缓存状态与额度进度一目了然，让每一次 claude.ai 对话都心中有数。
【免费下载链接】claude-counterA minimal browser extension that shows token count, cache timer, and usage bars on claude.ai.项目地址: https://gitcode.com/gh_mirrors/cl/claude-counter
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
