调试 Tampermonkey 脚本

Posted 2023-03-15

【中文标题】调试 Tampermonkey 脚本

【英文标题】：Debug tampermonkey script

【发布时间】：2015-06-17 23:32:35

【问题描述】：

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

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

【参考方案1】：

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

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

改为添加调试器行：

设置复选标记：

TamperMonkey 仪表板 -> 设置 -> 常规（配置模式：高级）-> 调试脚本

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

debugger;

像这样：

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

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

应该如下所示：

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

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