使用線上記數器後,若要查看結果,請查看頁面上的三個位置:目前日曆日期列上的即時總計、其下方按相反順序排列的每日歷史記錄清單,以及按下「Export PNG」或「Export CSV」按鈕所產生的下載檔案。每次點擊都會儲存在瀏覽器回報的裝置當地日曆日期下,因此,您在最後一次點擊當下看到的數字就是最新結果,而每個仍具有非零計數的先前日期,則會以獨立資料列保留在清單中。日期旁的總計,是套用至該日的每次「Increase」按壓次數減去每次「Decrease」按壓次數,並納入步進值後所得的結果。兩個匯出控制項會將已儲存的歷史記錄轉換成便於攜帶的檔案:PNG 會產生一張 1080 by 1350 的分享圖片,其中包含 Lizely 標記、總計和近日的日曆日期資料列;CSV 則會產生包含 Date 與 Count 兩欄的純文字檔,可直接在任何試算表中開啟。不會上傳任何內容,不需要帳戶,而計數唯一儲存的位置,就是此瀏覽器中計數器自己的本機金鑰下。

點擊時結果的呈現方式
當您在線上記數器上按「Increase」時,立即顯示的結果就是頁面頂端日期列旁邊的數字。該數字是瀏覽器目前回報之裝置當地日曆日期的即時總計。日期列透過 Intl.DateTimeFormat 使用您的裝置時鐘,這表示,即使某個地方的 UTC 日期已經跨日,在晚上 11:55 PM 進行的計數仍會歸入該日晚間。下一個當地日期開始後,顯示的數字會重設為零,而剛結束的日期會移至歷史記錄清單。您開啟計數器時選定的步進值會套用至每次按壓,因此,在步進值為 5 時按一次「Increase」,今天的總計就會增加 5。因此,您看到的數字是:今天先前儲存的計數,加上(Increase 按壓次數乘以步進值),再減去(Decrease 按壓次數乘以步進值),並設有上下限,避免格式錯誤的值破壞已儲存的記錄。
如何使用線上記數器後查看結果
開始在線上記數器上按「Increase」和「Decrease」後,您可以依照固定順序查看結果,每一步使用的是頁面上的不同位置:
- 使用記錄時所用的相同瀏覽器,在 /productivity/tally-counter/ 開啟線上記數器。
- 查看頁面頂端目前日期列旁邊的數字。這是今天日曆日期的即時總計。
- 捲動計數器下方的每日歷史記錄清單,即可查看每個仍具有已儲存非零計數的先前日期,且最新日期排在最前。
- 找出清單中的日期。該確切日期的已儲存總計會顯示在日期旁的資料列中。
- 使用「Decrease」修正當日錯誤;如果您想重設今天但不刪除先前日期,請使用清除當日控制項。
- 按「Export PNG」,儲存一張 1080 by 1350 的分享圖片,其中包含 Lizely 標記、總計和近日的日曆日期資料列。
- 按「Export CSV」,儲存包含 Date 與 Count 兩欄的純文字檔,每個已儲存非零計數的日期各佔一列,可供任何試算表使用。
依照「當天、先前日期,然後匯出檔案」的順序,是確認計數器實際儲存內容的最快方式,因為每一步使用的是頁面上的不同位置,而不是同時爭奪同一行的注意力。
讀取日期列以取得準確結果
計數器數字上方的日期列,是您看到的所有結果依據。日期列由您的裝置時鐘設定,依您的當地日曆日期格式化,並作為計數儲存在瀏覽器本機儲存空間中的金鑰,儲存於 counter:tally-counter 金鑰下(依據WHATWG HTML Web Storage 規格)。您在星期二記錄的結果,在星期三仍會是星期二的結果,即使您讓分頁跨過午夜並保持開啟。離開頁面前先查看日期,是確認您看到的數字歸入預定日期最簡單的方法。如果您的裝置時鐘不正確,或設定的時區與預期不同,日期列也會不正確,因此,在將每日結果視為最終結果前,先確認電腦或手機的時區,是值得花費十秒鐘做的事。由於日期列是唯一將計數按日期分組的部分,因此,即使您在同一個當日內關閉分頁後於同一晚重新開啟,在當地同一日按兩次「Increase」仍會加至同一列。對於經常工作到午夜的使用者而言,這項規則可避免結果在不知情的情況下被重新歸入下一天。
將結果匯出為 PNG 或 CSV 檔案
若要將結果保存在瀏覽器之外,線上記數器提供兩個匯出控制項。當您按下按鈕時,「Export PNG」會依據WHATWG HTML Canvas toBlob 規格,透過瀏覽器 canvas 執行,並儲存一張 1080 by 1350 的分享圖片,其中包含 Lizely 標記、總計和近日的日曆日期資料列。圖片刻意省略所有網址,也不包含您輸入的自訂標籤,因此,即使在聊天或社群媒體上分享,也不會曝光個人備註,也不會洩露個人備註。「Export CSV」會產生包含兩欄(Date 與 Count)的純文字檔,每個仍具有非零已儲存計數的日期各有一列資料。這個結構特別適合試算表:在 Excel、Google Sheets 或 Numbers 中開啟時,資料已對齊。兩種匯出作業都會在按下按鈕當下,透過 canvas 或 Blob 在本機完成;不會上傳至伺服器,不需要帳戶,而您收到的檔案會準確反映此瀏覽器為此裝置儲存的內容。如果需要重新匯出,只要再次按下按鈕即可,來源資料不會變更。
結果未顯示或遺失時
即使工具沒有故障,仍有兩種特定情況會讓結果看似遺失。第一種情況是新的當地日曆日期開始:顯示的數字會重設為零,而前一天的計數會移至歷史記錄清單,在您捲動清單前,可能會覺得資料消失了。第二種情況是當日計數已完全清除。歷史記錄清單只顯示仍具有已儲存非零計數的日期,因此,如果您先按「Increase」、再按「Decrease」回到零,或使用清除當日控制項,該日完全不會顯示,也不會被儲存。瀏覽器儲存空間限制是第三個原因:如果停用 localStorage 或空間已滿,頁面仍會顯示您變更的數字,但頁面會告知您無法保留歷史記錄。清除此網站的瀏覽器資料,會完全移除歷史記錄,因為記錄只儲存在此瀏覽器的 counter:tally-counter 金鑰下。另一支手機或電腦會以個別空白記錄開始,因此,儲存在筆記型電腦上的結果不會出現在手機上,而手機上的結果也不會出現在同事的裝置上。
並列比較 PNG 與 CSV 結果匯出
| 功能 | Export PNG | Export CSV |
|---|---|---|
| 輸出格式 | 1080 by 1350 PNG 圖片 | 包含兩欄的純文字檔 |
| 顯示的資料列或欄 | 近日的日曆日期資料列加上總計 | Date 與 Count,每個已儲存非零計數的日期各一列 |
| 最佳用途 | 在聊天或社群媒體上視覺化分享 | 試算表、封存、指令碼 |
| 包含網址 | 否 | 否 |
| 包含您輸入的自訂標籤 | 否 | 否 |
| 標記或浮水印 | Lizely 標記 | 無 |
| 檔案建立位置 | 按下按鈕當下由瀏覽器 canvas 建立 | 按下按鈕當下由瀏覽器 Blob 建立 |
| 不需特殊軟體即可開啟 | 任何圖片檢視器 | 任何文字編輯器或試算表 |
兩種匯出都來自相同的本機已儲存歷史記錄,且包含相同計數;差異在於結果的封裝方式。當讀者需要一眼查看每日明細時,PNG 很合適。當結果需要排序、加總或與其他資料合併時,CSV 很合適。兩者可以依序使用:匯出 PNG 分享本週內容,再匯出 CSV 保存永久的專案封存。
相關的結果查看工作流程
如果使用者想在更專用的計數器上使用相同的每日歷史記錄,以及 PNG 或 CSV 匯出模式,Tasbih 計數器採用相同結構,並加入 33 或 99 輪的目標。閱讀如何使用 Tasbih 計數器後查看結果,即可查看該工具的對應工作流程,讓您可以輕鬆將查看結果的習慣從一個計數器轉移到下一個,而不必學習新的模式。
如果您正在比較選項,如何比較使用 Tasbih 計數器的方法會詳細說明這一點。