google-chrome - 调试tampermonkey脚本

Question

我想使用 Chrome 控制台调试 Tampermonkey 脚本，但我在列表中找不到我的脚本..

我做错了什么，还是只是 Tampermonkey 脚本没有出现在那里？那么，我该如何调试它呢？

Answer 1

Tampermonkey 只是一个扩展，它注入(inject)样板脚本来评估您的自定义脚本，因此您可以调试任何这些脚本(如果您能找到它们)。

问题在于它正在评估用户脚本，就好像有人对它们调用了 eval() 一样，因此您会看到 VM### 而不是像 这样的好东西>myscript.js 并且您通常无法像永久脚本一样导航到它们。

相反，添加调试器行:

• 设置复选标记:

TamperMonkey 仪表板 -> 设置 -> 常规(配置模式:高级)-> 调试脚本

• 或者，在您的用户脚本中添加以下行:

  调试器；

像这样:

(在用户脚本顶部执行此操作相当于 Tampermonkey 设置)

当您使用脚本在页面上打开控制台时，它会在调试器行被命中时暂停并显示您的源文件(周围有一些 tampermonkey 样板文件)。

应该是这样的:

然后，您可以在调试器中检测您需要的任何其他线路。

如果遇到麻烦，还可以通过在 chrome://extensions 中打开后台页面检查来调试 tampermonkey 本身的主要逻辑。它会打印漂亮的消息，让您知道它的用途，您可以使用它来跳转其代码。