維護JS調試代碼並重新加載瀏覽器

Question

我使用Google Chrome開發工具來排除故障或調試JavaScript。我添加中斷點並使用手錶，但很多時候只需在腳本中插入console.log(value)即可。

問題是，當頁面必須刷新以查看JS更改（和console.log()調用）時，則在頁面重新加載時，console.log()調用已被刪除。顯然這是因爲我沒有編輯實際的源文件本身。

是否有可能保持對JS文件的編輯並仍然重新加載頁面？

有很多地方我在看別人的JS，學習和了解它的情況，所以編輯源代碼，甚至不是一種可能性。其他時候，在處理我自己的代碼時，我可能正在調試活動服務器上的JS代碼，以編輯我的源代碼隨機放入console.log()'s是不可取的。

我知道，開發工具具有自動保存功能，您所做的更改可以節省實際的源文件（只要文件是文件系統上的可用到您的計算機）。但這對我的情況沒有幫助。

Answer 1

There is 'workspace' feature in DevTools。 它允許您將磁盤上的源文件映射到頁面的腳本。 因此，當您將更改應用到頁面的JavaScript時，它們也會保存到磁盤中。 如果您的網絡服務器從這個文件夾提供這些文件，那麼重新加載後您將獲得更改的文件。