本頁只練什麼
能以畫面版本與 Navigation/Resource Timing 證據區分檔案未儲存、一般重載與繞過快取重取。
舊畫面不一定是程式錯誤；先分清儲存與快取，才不會在正確程式碼上反覆修改。
要修改的檔案：files/starter/index.html
定位：先確認畫面 before 是 saved-v1，再看 navigation.type。｜依 starter-2 定位，只修改「儲存→一般重新整理→強制重新整理」的責任。
LESSON-01 · TOPIC 02
儲存→一般重新整理→強制重新整理
能以畫面版本與 Navigation/Resource Timing 證據區分檔案未儲存、一般重載與繞過快取重取。
任務情境
先結果，再原理；完成後要能說出自己看見的證據。
現在的問題
你已改過標題，但瀏覽器似乎還是舊版。
起始狀態：版本固定為 saved-v1，尚未讀取本次 navigation/resource timing。
完成後要看到
畫面版本由 saved-v1 變 saved-v2，並顯示 navigation.type、transferSize 與 cache candidates。
驗收證據：可見版本 before/after、navigation.type、transferSize 與 cacheCandidates
何時會用到
修改 HTML/CSS/JS 後畫面沒變，但 Console 也沒有新錯誤時。
常見混淆：強制重新整理不會幫你儲存編輯器中尚未儲存的檔案。
觀念與最小範例
這段程式是理解起點，不是要你直接跳過 Starter。
儲存→一般重新整理→強制重新整理 Save, reload, and hard reload
先確定編輯器真的存檔，再讓瀏覽器重新要資源；強制重整是在排除快取干擾。
正式說法：reload 會產生 navigation entry；Resource Timing 的 transferSize 可作為網路傳輸與快取候選證據，但不能單獨當成所有瀏覽器的快取定論。
顯示 `performance.getEntriesByType('navigation')[0]?.type` 與 resource transferSize 總和。三步完成本主題
每一步都留下可觀察結果；如果沒看到，先看「卡住先查」。
Step 1｜先看見目前缺口，不急著貼答案。
檔案：
files/starter/index.html定位：先確認畫面 before 是 saved-v1，再看 navigation.type。要做：先重新載入 Starter，記錄目前畫面、DOM、Computed、Console 或文件內容。
預期：能指出「先確認畫面 before 是 saved-v1，再看 navigation.type。」目前的缺口。
證據：保存 files/starter/index.html 的目前狀態，並指出下一步只會修改哪個檔案責任。
卡住先查：確認開啟的是 files/starter/index.html，且定位到 先確認畫面 before 是 saved-v1，再看 navigation.type。。
Step 2｜只修改本主題的一個責任。
檔案：
files/starter/index.html定位：先確認畫面 before 是 saved-v1，再看 navigation.type。要做：按下版本檢查，讓畫面版本從 saved-v1 變 saved-v2，同時讀取 navigation 與 resource timing。
預期：畫面版本由 saved-v1 變 saved-v2，並顯示 navigation.type、transferSize 與 cache candidates。
證據：可見版本 before/after、navigation.type、transferSize 與 cacheCandidates
卡住先查：先確認畫面 before 是 saved-v1，再看 navigation.type。
Step 3｜重新載入並以證據驗收，不以『看起來差不多』判定完成。
檔案：
files/starter/index.html定位：先確認畫面 before 是 saved-v1，再看 navigation.type。要做：重新整理頁面，再逐項比對預期結果與 evidence。
預期：畫面版本由 saved-v1 變 saved-v2，並顯示 navigation.type、transferSize 與 cache candidates。
證據：可見版本 before/after、navigation.type、transferSize 與 cacheCandidates
卡住先查：先確認畫面 before 是 saved-v1，再看 navigation.type。
觀察示範
這個示範只讓你看懂概念，不會替你修改 Starter，也不會自動宣告完成。
儲存→一般重新整理→強制重新整理runtime fixture · read-only demo
本主題示範畫面：
畫面版本：
navigation：
cache：
驗收證據
勾選只是學習紀錄；真正完成仍要回到 Starter 的實際結果。
提示 1｜方向
先把「有沒有存檔」和「瀏覽器有沒有重載」分開檢查。
提示 2｜關鍵片段
版本字串驗內容；`navigation.type` 與 resource `transferSize` 驗載入。
提示 3｜完整解答與原因
完整解答與原因：先存檔使版本字串變更，一般重載後讀 navigation.type；需排除快取時再用強制重載，並用 Network/Resource Timing 作證，因為只看畫面無法分辨舊檔案與舊快取。