如何在 Chrome DevTools 中查看用户脚本对象？答案

【问题标题】：How to view user script objects in Chrome DevTools?如何在 Chrome DevTools 中查看用户脚本对象？
【发布时间】：2019-12-11 23:36:35
【问题描述】：

我是用户脚本的新手，并试图在 Chrome+Tampermonkey 中修补一些用户脚本。

在尝试查看变量而不是变量时，我看到此错误：

启用 Tampermonkey 设置页面中的脚本调试，在 Console 选项卡中选择 Tampermonkey 扩展。即使通过控制台我也无法查看变量（embedcontent 和 this.embedcontent，但是第二种方式返回 null 而不是错误）。

还需要在 DevTools 中查看和/或编辑什么？

【问题讨论】：

Devtools 仅显示那些仍在当前函数上下文中定义的变量。此外，它不会显示当前执行行之后未使用的那些。您可以使用scope 面板或双击调用堆栈条目来切换执行上下文（tutorial）。

【解决方案1】：

发现这是半可能的。用户脚本对象（变量）只能在断点上通过 DevTools 访问，在这些对象附近触发。否则它不会看到它们。

【讨论】：

没有值的概念可供调试器用来确定不在当前堆栈中的值。 userscript 中的变量在匿名函数范围内定义。调试器无法知道这个函数只被调用了一次，并且无法找到一个明确的值。