用 Codex 給待辦清單增加 JSON 檔案備份
3 分鐘閱讀
待辦清單刷新後還在，只說明瀏覽器裏留住了資料。想在清理瀏覽器之前留一份副本，需要把它匯出成真正的檔案。
待辦清單刷新後還在，只說明瀏覽器裏留住了資料。想在清理瀏覽器之前留一份副本，需要把它匯出成真正的檔案。
這個小需求很適合交給 Codex：範圍清楚，結果也容易檢查。
先把檔案裏該有什麼說清楚
演示要求匯出 JSON，包含格式標識、版本、匯出時間和當前任務。還要覆蓋幾個容易漏掉的情況：
- 中文、引號和 emoji 保留。
- 已刪除的任務不能混進檔案。
- 空清單也能匯出。
- 再次匯出反映最新內容。
- 匯出後頁面裏的任務保持原樣。
實現思路是用 JSON.stringify 生成文字，再用 Blob 構造供瀏覽器下載的內容。格式標識和版本用於讓未來的匯入功能識別檔案，不要等做恢復時才臨時猜結構。MDN：Blob
別只檢查按鈕能不能點
頁面說「已發起匯出」，不代表檔案已經儲存到磁碟。測試要拿到實際下載檔案，再解析裏面的資料。
在 Playwright 中，先開始等下載事件，再點按鈕；得到下載對象後儲存檔案。官方說明還提醒：瀏覽器上下文關閉後，其臨時下載檔案會被刪除，需要保留時應顯式儲存。Playwright 下載說明
給 Codex 的任務可以寫成：
保持現有增刪、儲存和頁面樣式，增加 JSON 匯出按鈕。
檔案包含格式標識、版本、匯出時間和當前任務。
覆蓋特殊字元、已刪除任務、空清單和再次匯出。
檢查實際下載的檔案內容，不能只斷言按鈕出現。
不新增後端或帳戶系統，報告實際結果及未覆蓋項。
原演示檢查了什麼
2026年10月5日的本地 Edge 執行記錄中，4項下載檢查與4項原有儲存檢查共8項通過。舊儲存版沒有匯出按鈕，相同下載檢查出現1項預期失敗；這是新功能缺失的對照，不是一次線上故障。
這一步只完成匯出。檔案能不能重新匯入、匯入會替換還是合併，都要另做設計與驗收，可以接着看把清單帶到另一個瀏覽器。
原筆記發表於2026年10月6日，原稿於10月27日整理，沿用上述執行記錄，沒有重新測試；Safari、Firefox、手機與自動同步均未驗證。
香港繁體版整理日期：2026年10月28日。原文引用的產品說明核對截至2026年10月27日；原實驗日期與範圍保留於文中。