调试tampermonkey脚本

时间:2015-04-12 17:02:22

标签: google-chrome google-chrome-extension tampermonkey

我想用chrome控制台调试一个tampermonkey脚本,但是我无法在列表中找到我的脚本..

enter image description here

我做错了什么,或者只是那里出现了tampermonkey脚本?在这种情况下,我该如何调试呢?

1 个答案:

答案 0 :(得分:68)

Tampermonkey只是一个注入样板脚本以评估自定义脚本的扩展,所以如果你能找到它们就可以调试这些脚本。

问题在于它正在评估用户脚本,好像有人在其上调用了eval(),因此您会看到VM###而不是myscript.js之类的内容,而您通常无法导航到他们喜欢永久剧本。

相反,添加调试器行:

  • 设置选中标记:

TamperMonkey Dashboard - >设置 - >一般(配置模式:高级) - > 调试脚本 Tampermonkey general settings w/debug checked

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

    debugger;

像这样: debugger line in userscript

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

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

哪个应该是这样的: chrome paused on tampermonkey script

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

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