javascript - 从 Google Chrome 控制台访问用户脚本变量

Question

出于调试目的，是否可以从 Google Chrome 的控制台访问用户脚本变量？

Answer 1

假设您有一个包含以下代码的 Chrome 用户脚本:

var userscriptVar = "I'm a global variable, userscript context.";
window.var2       = "I'm a window.scope variable, userscript context.";

console.log ("Hello from the userscript.");

要访问这些用户脚本变量:

1. 确定用户脚本的 ID。您可以在扩展页面 (chrome://extensions/) 上看到它:

   

2. 通过单击控制台底部的上下文菜单切换到脚本的上下文:

   

   请注意，id (pfnbaeafniclcjhfkndoploalomdmgkc) 与扩展页面上列出的相同。

3. 现在您可以立即查看和更改窗口范围的变量 (var2)，但您看不到用户脚本的全局变量 (userscriptVar ) 因为脚本实例早已完成并消失了。 :

   

4. 要访问和更改用户脚本变量，在脚本仍处于事件状态时，在脚本中设置断点并使用调试器。参见 this answer了解如何做到这一点。

   (Click for a larger image)
   

5. 用户脚本在合适的断点处暂停后，您可以从控制台查看但不能更改全局值。

   (Click for a larger image)
   

6. 但是您可以从调试器更改值:

   (Click for a larger image)