本帖最后由 mingwei520 于 2026-1-11 18:25 编辑
这是一个关于微信交易、支付宝交易账单的记账本。
支持多账户管理、多币种记账、预算管理、数据可视化等功能。数据库是本地的不需要担心数据泄露
注记：
快过年了，数了数钱发现自己没有记账的习惯，钱花哪了都没有个底，翻了翻论坛看到有群友的帖子：我的记账本v1.0，html记账工具，很不错界面很好，比市面上要收费的强多了，但是只能一个一个的输入，太费劲了。因此考了到在他的html上进行优化，因此在上面开发出了浏览器插件，目前经过测试可以支持：Chrome、Edge、Firefix。
主要的核心介绍如下：
功能特性
（1）个人账户余额统计，支持定义多个账户，如支付宝、微信、银行卡等等
（2）交易账单的导入，支持一xlxs的一键导入（仅包含表头，需要手动删掉微信/支付宝导出的前面部分）
（3）交易分类自定义（支持多种交易分类的自定义、模糊定义、模糊查询）交易分类自定义（支持多种交易分类的自定义、模糊定义、模糊查询）
（4）整体数据导入/导出保存
（5）每个月收支情况的报表、预算查看、每个月的消费查询、交易明细查看
（6）所有流水都支持修改和重新编辑
使用方式
1. 作为网页使用
直接在浏览器中打开 index.html 文件即可使用。数据存储在浏览器的 IndexedDB 中（数据库名：ledger_v1）。
2. 作为浏览器扩展使用（推荐）
为什么使用扩展？
- 扩展有独立的存储空间，清除浏览器网站数据不会删除扩展数据
- 扩展数据与网页数据完全隔离，更安全可靠
- 点击工具栏图标即可快速打开记账本
安装步骤（Chrome/Edge）：
- 打开浏览器，进入扩展管理页面：
- Chrome: 访问
chrome://extensions/
- Edge: 访问
edge://extensions/
- 开启右上角的"开发者模式"
- 点击"加载已解压的扩展程序"
- 选择本项目的根目录（包含 manifest.json 的文件夹）
- 扩展加载成功后，点击工具栏的扩展图标即可打开记账本
安装步骤（Firefox）：
- 打开 Firefox，访问
about:debugging
- 点击"此 Firefox"（This Firefox）
- 点击"临时载入附加组件"（Load Temporary Add-on）
- 选择本项目根目录下的
manifest.json 文件
- 扩展加载成功后，点击工具栏的扩展图标即可打开记账本
扩展数据说明：
- 扩展使用独立的 IndexedDB 数据库（数据库名：
ledger_ext_v1）
- 扩展数据与网页版数据是分离的，互不影响
- 清除浏览器网站数据或缓存不会删除扩展数据
- 如需备份数据，请在"设置"页面使用"导出 JSON"功能
- 卸载扩展会删除扩展数据，请务必提前备份
查看扩展数据库：
- 在扩展打开的页面中，按 F12 打开开发者工具
- 切换到"Application"（应用）标签
- 左侧选择"Storage" → "IndexedDB"
- 可以看到
ledger_ext_v1 数据库及其中的数据
代码目录结构
ledger/
├── manifest.json # Chrome/Firefox 扩展配置文件
├── background.js # 扩展后台服务（处理工具栏点击）
├── index.html # 主HTML文件
├── css/
│ └── main.css # 所有样式文件
└── js/
├── utils.js # 工具函数
├── db.js # IndexedDB数据库操作（网页版）
├── extension-idb.js # IndexedDB适配器（扩展版）
├── state.js # 全局状态管理
├── theme.js # 主题管理
├── fx.js # 汇率相关功能
├── account.js # 账户管理
├── transaction.js # 交易管理
├── budget.js # 预算管理
├── category.js # 分类管理
├── reports.js # 报表功能
├── import-export.js # 导入导出功能
├── render.js # 渲染函数
├── events.js # 事件绑定
└── main.js # 主入口文件
使用的情况截图：
需要注意的一点是：xlxs的一键导入（第一行需要仅包含表头，需要手动删掉微信/支付宝导出的前面部分）
通过网盘分享的文件：WechatAndAlipayLedger_v1.0.zip
链接: https://pan.baidu.com/s/1EIt_CHeA8N2GiOZoN8L_uw 提取码: 52pj
详情也可以去访问github:https://github.com/lb789123/WechatAndAlipayLedger/releases/tag/v1.2
如果有什么建议欢迎留言，我最近也会跟进改进这个项目。
谢谢大家！祝大家都能发大财！ | 
[复制链接]
|
发表于 2026-1-11 11:26
|楼主
发表于 2026-1-11 09:44
分享到朋友圈
