Chrome开发者工具本地修改已损坏

时间:2016-07-27 08:52:59

标签: javascript google-chrome-devtools

我错过了什么,或者我设法以某种方式打破了它?

我设置了一个断点,并希望在那里进行一些调试,而不必每次都编辑js代码并重新加载整个页面。 “本地修改”选项仅打开具有空历史记录选项卡的新抽屉,而不是其他内容。

虽然控制台确实显示了大多数变量 - 但如果使用与此类似的结构,则无效:

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

如果没有记录或将其分配给变量,我不知道oldRates [key]实际返回了什么(除了查看此键具有的值)。

这是一个局部修改,分别记录这个部分或分配给变量将是有用的。

1 个答案:

答案 0 :(得分:0)

“本地修改”会显示在“历史记录”选项卡中,并在您对“源”进行更改并保存时显示。它允许您在不重新加载应用程序的情况下还原这些更改。请参阅Demo

您可以使用Watch Expression在执行期间查看对象的当前状态。

watch

在上面的示例中,我在创建对象后暂停了。我在obj变量上添加了一个监视器,现在我可以在监视面板中看到所有键和值。我不必经常将其登录到控制台。