目前進度 4/4
STEP GUIDE · Solution
這一步聚焦 TASK-03;下方只比較「Checkpoint 2 → Solution」的真實異動。
預計修改:script.js
完成後:每筆變更顯示不同短 id,待同步數量增加且重整後仍保留
完成後:離線同步時全批保留,回到線上同步後全批移除
完成後:離線重整不丟件;恢復模擬網路後成功移除並顯示 GAS 邊界
展開檔案卡查看必要差異;只有程式碼區可以橫向捲動。
檔案:index.html
index.html
前一步與本步驟沒有實質差異。
本步驟不需修改此語言。
檔案:style.css
style.css
檔案:script.js
script.js
async function retryAndPreflight(){preflight.textContent="尚未完成預檢"}
async function retryAndPreflight(){const synced=await syncQueue();preflight.textContent=synced&&online?"Mock 預檢通過:模擬線上且佇列為零;尚未驗證 GAS":"Mock 預檢未通過:"+(online?"仍有失敗項":"目前離線")}
檔案:README.md
README.md
本練習沒有這個檔案。
先重新整理並確認 mock 同步佇列為初始狀態。
切換離線並同步,確認全批保留;重新整理後確認只有 queue 被持久保留,模擬網路回到預設線上;按「重試並預檢」,確認佇列清空且文案明列未驗證 GAS。
重整後 queue 保留、模擬網路為線上,retry 後佇列清空並顯示 mock 預檢邊界
完成後可見:離線重整不丟件;恢復模擬網路後成功移除並顯示 GAS 邊界
MOCK SYNC
待同步 0 筆
尚未執行部署預檢