工具 指南
finance 免费 无需注册

记账工具

按类别追踪个人支出,设置每月预算,并通过摘要和趋势可视化消费情况。

正在加载工具…

关于此工具

记录每日支出,包含金额、描述、类别和日期。按日期分组查看消费,比较各类别总计,或浏览月度趋势图。设置按类别的预算,通过进度条了解使用情况。按日期范围筛选并将数据导出为CSV文件。所有数据本地保存在浏览器中。

使用方法

  1. 1 第一步:点击「添加支出」,填写金额、描述、类别和日期。
  2. 2 第二步:在列表视图中按日期分组浏览您的支出。
  3. 3 第三步:切换到摘要视图,查看每个类别的总计及预算进度条。
  4. 4 第四步:使用日期范围筛选器聚焦特定时间段,或点击「导出CSV」下载您的数据。

What an expense tracker does that a budget planner doesn't

A budget planner is forward-looking: it compares planned income against planned costs for a period. An expense tracker is backward-looking and granular — it records each individual transaction as it happens, with a date, amount, category, and note, then lets you slice that history by date range, see where the money actually went, watch a month-by-month trend, and check your real spending against category budgets. In short, a budget is the plan; this is the running log of reality, and the gap between the two is where the insight lives.

The four views

TabWhat it shows
ListEvery expense grouped by day, with a per-day subtotal
SummarySpending totalled by category, with progress bars against any budget
Monthly TrendA stacked bar per month showing total and category mix
BudgetsWhere you set a monthly limit per category

Each transaction is tagged with one of eight categories — Food, Transport, Entertainment, Shopping, Health, Bills, Education, Other — each with its own colour that carries consistently through every view, so a glance at the trend chart tells you whether a heavy month was driven by Bills (red) or Shopping (pink).

How the numbers are computed

The headline total is just the sum of every visible expense's amount; the date filter narrows what "visible" means by keeping only transactions on or between your chosen start and end dates. The Summary tab adds amounts per category and, where you've set a budget, draws a bar showing spent ÷ budget × 100 — turning amber at 80% and red at 100% so you see an overrun coming. The Monthly Trend groups by the year-month part of each date, scales every month's bar relative to your highest-spending month, and segments each bar by category so the composition is visible, not just the height.

A worked example

Say in one month you log Food $300, Transport $80, and Shopping $260, and you set a Food budget of $300 and a Shopping budget of $200. The Summary shows Food at 300 ÷ 300 = 100% — a full red bar warning you've hit the limit exactly — and Shopping at 260 ÷ 200 = 130%, capped visually at a red full bar with the text "$260.00 of $200.00 budget (130%)". The grand total reads $640. Next month the Trend tab places this month's bar next to others, and because Shopping was unusually high its pink segment visibly dominates that bar.

Use cases

  • Finding leaks. Categorised history reveals the small, frequent purchases that quietly add up — the daily coffee, the impulse apps.
  • Sticking to limits. The colour-coded budget bars give an early warning before a category blows past its cap.
  • Spotting seasonality. The monthly trend exposes patterns — higher Bills in winter, more Entertainment in summer — that a single month hides.
  • Tax and reimbursement prep. Filter to a date range and Export CSV to hand clean records to an accountant or expense system.

Tips and common mistakes

  • Log promptly. The tool pre-fills today's date and is fastest when you add an expense the moment it happens; reconstructing a week from memory loses the small items that matter most.
  • Categorise deliberately. Dumping everything into "Other" defeats the Summary and Trend views. Assign a real category so the colour breakdown means something.
  • Set budgets that reflect reality. Base each category limit on your own past months from the Trend tab, not an aspirational guess, or the bars will always be red and you'll start ignoring them.
  • Export regularly. Your data lives in this browser's local storage, not on a server — private and persistent on this device, but invisible on another and lost if you clear site data. The CSV export is your portable backup.

Everything stays on your device: expenses and budgets are saved only in your browser's local storage and are never uploaded, so your financial detail remains private.

常见问题

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}