javascript - 如何从 [F12] 开发人员中删除 JavaScript 监视变量

在使用 JavaScript 进行开发时，有时需要查看浏览器（本例中为 Chrome）中的变量值，这可以使用 F12 开发人员工具来完成。

但是，稍后，一个正在调试另一个JS文件，或者另一个页面，或者只是另一个项目；并且观察到的变量以较浅的颜色显示（禁用），并且它们右侧的“[x]”用于删除每个观察到的变量（即，一旦我们完成调试JS代码的那部分）；不起作用。

显然，可以从开发人员工具的监视窗口中删除的唯一变量是那些在调试 JS 代码块时“实时”（可查看，在范围内）的变量。

但是，有时（经常）忘记删除它们，最终观察窗口会出现几个在调试新代码时不再有用的变量；并且想要观看/调试的最终在列表的底部，必须向下滚动才能看到它们（想象使用 [F9] 逐步调试的场景）。

如果很难带回调试的原始代码，我们如何从 Chrome 的开发人员工具的监视窗口中删除那些不再有用的变量？

在堆栈溢出之前提出的一些关于删除 JS 变量的问题，有程序化的答案（比如使用“unset”）。这个问题特别是关于使用 [F12] 的开发人员工具和其中的监视窗口。

标签： javascriptvariablesdebuggingwatchdeveloper-tools