當線上記數器的標籤、遞增值與日期歷史能夠相互搭配,不僅能記錄「今天的總數」,還能擷取「每一次點擊發生在哪一天」時,它就搖身一變成為文件工具。線上記數器會將每一次儲存的計數,以裝置本地日曆日的方式保存在瀏覽器的本地儲存空間中,使用的索引鍵為 counter:tally-counter,接著讓你把這份歷史轉成可攜式的 PNG 圖片或一份簡單的兩欄 CSV 檔案,完全不必上傳任何內容。由於記錄只存在於這台裝置上,計數器本身就是文件:標籤說明你在計算什麼、遞增值說明每次按下代表多少項目、日期列說明歸屬於哪一天、匯出的檔案則說明下一位使用者——或未來的你——需要看到的內容。

為何一個有標籤的計數器就已足夠
大多數反覆發生的事件都落在兩個問題之一:此刻發生了多少,或是在某個特定日子裡發生了什麼。一個單純的數字小工具能回答前者,卻會遺忘後者。線上記數器的設計正是要同時回答這兩個問題——只要開啟一次,輸入一個簡短標籤,例如 週二訪客數 或 產線 2 報廢數,選擇每次按下代表的數量,然後開始記錄。從那刻起,每一次按下都帶著三項資訊前進:名稱、數量與日曆日期,因此計數的動作本身就自動成為記錄的動作。
這也是為什麼這個工具始終保持通用。點擊計數器不會因為被稱為出席計數器、咖啡計數器、庫存計數器或閱讀頁數計數器就變成另一個產品。當有需要時,使用者可以自行輸入這些標籤,而產品本身維持一個持久的行為:本地每日紀錄加上可下載的證據。
設定清楚的標籤與整數的遞增值
在第一次按下之前,有兩個輸入項目決定了最終匯出結果的可讀性:標籤與遞增值。標籤是自由文字,會顯示在頁面上計數旁邊。遞增值是一個整數,用來乘以每次按鈕的點擊,當一個實體事件實際上代表一整批項目時非常實用,例如整箱的貨物、整疊的頁數或整回合的完成數。由於計數器將每日計數保留在一個有限範圍內,一個意外輸入的錯誤數值無法損毀已儲存的紀錄,這就是為什麼遞增值是整數,而不是一個無上限的數字。
在開啟頁面之前先選好標籤,並挑一個符合你想記錄的最小有意義單位的遞增值。對於課堂點名,遞增值 1 是最自然的選擇。對於成對送達的箱子,遞增值 2 代表每次按下就已經是一整批,頁面上呈現的數字就是你所預期的文件。
整天記錄事件
- 在你打算用來執行這項例行工作的瀏覽器中開啟線上記數器。
- 在標籤欄位中輸入一個簡短的標籤——讓它在未來匯出時能清楚閱讀。
- 挑選一個符合這項例行工作最小有意義批次的整數遞增值。
- 每次事件發生時按下 增加;若最近多按了想修正,按下 減少,不必離開頁面。
- 關閉分頁前,看一眼日期列——它顯示的是接收這筆計數的裝置本地日曆日。
- 當下一個本地日開始時,顯示的計數會從零開始,前一天的紀錄則會保留在歷史清單中。
減少控制項正是將計數器轉變為有文件紀錄之例行程序的關鍵。如果在某段安靜時段多按了三次,你可以直接把它們扣掉,不必重寫已儲存的項目,而每日歷史仍然只會顯示那些仍有儲存計數的日期。已被完全清除的日子,根本不會以誤導的空白列出現,因此紀錄始終誠實。
針對你的紀錄比較 PNG 與 CSV 匯出
這兩種匯出控制項會把同一份歷史轉成兩種不同的文件。它們無法互相取代,選擇哪一個取決於這份紀錄接下來會如何被閱讀。
| 面向 | PNG 匯出 | CSV 匯出 |
|---|---|---|
| 產生方式 | 原生 1080 × 1350 的瀏覽器畫布 | 在匯出當下建構的文字 Blob |
| 包含的列 | 總計加上最近的日曆日列 | 每一個有非零儲存計數的日期佔一列 |
| 是否顯示自訂標籤 | 否 | 否——僅顯示日期與計數 |
| 外部網址 | 無——僅帶有 Lizely 標記 | 無 |
| 最適用於 | 用於分享或貼入投影片的乾淨視覺摘要 | 試算表作業、封存保存或以指令稿進行的分析 |
對於每天都會結束的例行工作,每個非零日一列的 CSV 很方便:在專案日誌旁邊開啟它,每個儲存下來的日曆日都會以兩欄的形式並排顯示其計數。對於需要看起來已完成、屬於單一專案的摘要,PNG 會帶著總計、戳記以及幾列最近的紀錄,卻不會洩漏你輸入為標籤的任何個人備註。PNG 刻意不顯示任何網址,因此分享出去的圖片無法被用來追溯這筆計數是如何產生的。
本地時間與本地儲存如何影響紀錄
每一筆儲存的計數會依裝置所回報的日曆日進行分組,並透過 Intl.DateTimeFormat 來解析,這代表在深夜記錄的計數會留附屬於那個傍晚,而非被悄悄移轉到 UTC 的另一天。當下一個本地日開始時,頁面上的計數會從零開始,前一天的紀錄則會以反向順序移入歷史清單中。這個選擇對文件化有直接的影響:每日報告的日期是你實際進行工作的那一天,而不是伺服器時區中的那一天。
儲存方式與時間規則一致。歷史會寫入 localStorage,使用單一索引鍵 counter:tally-counter,依據 WHATWG HTML Web Storage 規範,該資料的範圍僅限於此裝置上的瀏覽器設定檔。它不會被發送到伺服器、不會與任何帳號合併,也不會分享給其他裝置。清除此網站的瀏覽器資料會徹底移除歷史,另一支手機或另一台電腦則會以一份全新的空白紀錄開始。
如果瀏覽器儲存被停用或空間已滿,頁面仍然會顯示你在畫面上變動的數字,但會顯示一則通知,說明這次變更無法被保留。這樣的限制比假裝計數已在某處完成備份更誠實,在進行長時間的例行工作之前值得先確認,如此當天的工作才不會在分頁關閉的那一刻就遺失。
讓紀錄保持可攜的實用做法
把這兩種匯出視為同一個習慣的兩半。PNG 是一眼就能看出的證據,證明某筆計數確實存在且始終一致;CSV 則是長篇形式的證據,能透過試算表、封存資料夾或共享磁碟傳遞得更遠。在專案結束時同時匯出兩者,代表當天帶有標籤的計數能在從未離開瀏覽器的情況下,於瀏覽器之外留存。
一個有用的節奏是:先確認日期列是你預期的那一天,只有當例行工作已經結束時才清除當天(清除當天並不會刪除先前的日子),接著匯出一次,並把檔案從下載資料夾複製到專案實際存放的位置。如果你想為每一次執行的結果建立更完整的檢視模式,使用線上記數器後如何檢查結果這篇指南會逐步說明如何把每一次匯出的結果與每日歷史實際包含的內容進行比對。
對於形狀相似的例行工作——相同的遞增值、相近的標籤——同一套文件化做法仍然適用:一組標籤、一個整數遞增值、每次按下對應一個日曆日期、最後一份 PNG 或 CSV。分類的工作由工具本身執行,搬運的工作由匯出執行,頁面上完全不需要帳號、姓名或上傳。最後存放在檔案系統上的那份文件,正是由你的計數所產生的那份文件。
想進一步了解,請參閱 如何在瀏覽器中開始使用 Tasbih 計數器。