调试 tampermonkey 脚本

Debug tampermonkey script

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

我是不是做错了什么,或者只是 Tampermonkey 脚本没有出现在那里?在那种情况下,我该如何调试它?

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

问题是它正在评估用户脚本,就好像有人对它们调用 eval(),所以你会看到 VM### 而不是像 myscript.js 这样的好东西,你通常不能像永久脚本一样导航到它们。

相反,添加调试器行:

  • 设置复选标记:

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

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

    debugger;

像这样:

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

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

应该如下所示:

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

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