Sources 面板修改 CSS 可即時生效,但 JS 修改後需在 Console 執行或覆寫文件才能生效。原因:JS 需重新解析編譯,V8 不支援熱替換已執行代碼(除非用 Workspace 映射本地文件)。
臨時驗證方案
- 修改 Sources 面板代碼
- 打開 Console(Esc 彈出抽屜)
- 複製修改後的函數整體粘貼執行,覆蓋全局變量
示例圖見原文截圖:Console 執行修正後的函數定義。
持久化方案:Workspace 映射本地項目
- Sources → Filesystem → Add folder to workspace
- 選中本地項目根目錄,允許訪問
- 將 Network 面板對應文件映射到本地文件(右鍵 Map to filesystem)
- 修改後 Ctrl+S 直接保存到本地磁盤,刷新頁面生效
注意
- 內聯腳本(
<script> 內)無法映射,需提取為外部 .js
- Source Map 啟用時編輯壓縮代碼無意義,請編輯源文件
- 斷點調試時熱替換受限,建議「編輯→存檔→刷新→重新斷點」流程