Chrome開發者工具本地修改破

Question

我錯過了什麼，或者我設法打破它不知何故？

我設置了一個斷點，並且希望在那裏做一些調試，而不必每次都編輯js代碼並重新加載整個頁面。 「本地修改」選項僅打開具有空歷史選項卡的新抽屜，而沒有其他內容。

雖然控制檯確實顯示大多數變量 - 這並沒有幫助，如果使用類似這樣的結構：

rate += Number(oldRates[key])/100; 

沒有記錄或將其分配給一個變量，我不知道是什麼oldRates [關鍵]實際上返回（除了看看這個鍵有什麼價值）。

這是一個本地修改，分別記錄這部分或分配給一個變量將是有用的。

Answer 1

本地修改顯示在歷史記錄選項卡中，並顯示何時更改來源並保存它們。它允許您在不重新加載應用程序的情況下恢復這些更改。見Demo。

您可以使用Watch Expression在執行期間查看對象的當前狀態。

在上面的例子中，我已暫停我創建的對象之後。我在obj變量上添加了一塊手錶，現在我可以在手錶板中看到所有的鍵和值。我不必經常將其記錄到控制檯。