调试 tampermonkey 脚本
Debug tampermonkey script
我想用 Chrome 的控制台调试 Tampermonkey 脚本,但我在列表中找不到我的脚本..
我是不是做错了什么,或者只是 Tampermonkey 脚本没有出现在那里?在那种情况下,我该如何调试它?
Tampermonkey 只是一个扩展,它注入样板脚本来评估您的自定义脚本,因此您可以调试任何这些脚本(如果您能找到它们)..
问题是它正在评估用户脚本,就好像有人对它们调用 eval()
,所以你会看到 VM###
而不是像 myscript.js
这样的好东西,你通常不能像永久脚本一样导航到它们。
相反,添加调试器行:
- 设置复选标记:
TamperMonkey 仪表板 -> 设置 -> 常规(配置模式:高级)-> 调试脚本
或者,在您的用户脚本中添加以下行:
debugger;
像这样:
(在用户脚本顶部执行此操作等同于 Tampermonkey 设置)
当您使用脚本在页面上打开控制台时,它会在调试器行被命中时暂停并显示您的源文件(被一些 tampermonkey 样板包围)。
应该如下所示:
然后您可以在调试器中检测您需要的任何其他行。
如果你运行遇到麻烦,你也可以通过在chrome://extensions中打开后台页面检查来调试tampermonkey本身的主要逻辑。它会打印漂亮的消息,让您知道它是什么,您可以用来在其代码中跳转。
我想用 Chrome 的控制台调试 Tampermonkey 脚本,但我在列表中找不到我的脚本..
我是不是做错了什么,或者只是 Tampermonkey 脚本没有出现在那里?在那种情况下,我该如何调试它?
Tampermonkey 只是一个扩展,它注入样板脚本来评估您的自定义脚本,因此您可以调试任何这些脚本(如果您能找到它们)..
问题是它正在评估用户脚本,就好像有人对它们调用 eval()
,所以你会看到 VM###
而不是像 myscript.js
这样的好东西,你通常不能像永久脚本一样导航到它们。
相反,添加调试器行:
- 设置复选标记:
TamperMonkey 仪表板 -> 设置 -> 常规(配置模式:高级)-> 调试脚本
或者,在您的用户脚本中添加以下行:
debugger;
像这样:
(在用户脚本顶部执行此操作等同于 Tampermonkey 设置)
当您使用脚本在页面上打开控制台时,它会在调试器行被命中时暂停并显示您的源文件(被一些 tampermonkey 样板包围)。
应该如下所示:
然后您可以在调试器中检测您需要的任何其他行。
如果你运行遇到麻烦,你也可以通过在chrome://extensions中打开后台页面检查来调试tampermonkey本身的主要逻辑。它会打印漂亮的消息,让您知道它是什么,您可以用来在其代码中跳转。