Chrome扩展:如何检查仅在执行上下文菜单操作时加载的Javascript文件?

Chrome扩展:如何检查仅在执行上下文菜单操作时加载的Javascript文件?,javascript,google-chrome,google-chrome-extension,contextmenu,inspect,Javascript,Google Chrome,Google Chrome Extension,Contextmenu,Inspect,我正在编写一个Chrome扩展,它添加了一个上下文菜单项,并在用户右键单击YouTube超链接时执行一个操作 我的清单文件定义了后台脚本以及单击链接时运行的javascript。以下是我的manifest.json文件的相关部分: 如您所见,后台页面使用javascript文件background.js,而上下文脚本使用click.js 我正在尝试使用Chrome Developer Tools inspection实用程序调试click.js,但遇到的问题是我无法找到一种方法让click.js

我正在编写一个Chrome扩展,它添加了一个上下文菜单项,并在用户右键单击YouTube超链接时执行一个操作

我的清单文件定义了后台脚本以及单击链接时运行的javascript。以下是我的manifest.json文件的相关部分:

如您所见,后台页面使用javascript文件background.js,而上下文脚本使用click.js

我正在尝试使用Chrome Developer Tools inspection实用程序调试click.js,但遇到的问题是我无法找到一种方法让click.js显示在inspector的sources面板中

如果我转到Chrome扩展页面并单击“Inspect views:background page”,将打开inspector,但显示的唯一脚本是background.js

如果我右键单击extensions按钮(如右上角所示)并再次选择“Inspect popup”,我不会看到click.js,只有从popup.html中加载的javascript文件

我的问题是,如何调试在Chrome中单击上下文菜单后执行的javascript?我是否应该“破解”它并通过将其添加到后台页面来强制脚本始终加载click.js:

"background": {
    "persistent": false,
    "scripts": ["scripts/background.js", "scripts/click.js"]
},
如果我这样做了,我就可以在检查后台页面和设置断点等时看到脚本

这似乎太难了。必须有一种更优雅的方法来检查与背景页面或任何其他html页面(如popup.html)无关的javascript文件

有没有一种方法可以强制inspect窗口加载所有javascript源,而不管它们是否与正在被检查的页面一起加载?或者检查页面仅限于实际加载的内容,而不是全套脚本

谢谢,


时钟

基于上下文菜单单击注入脚本不同于使用内容脚本(您的清单显示您正在这样做)。如果您使用的是内容脚本,尝试并选择脚本的扩展ID。您也可以尝试。我想我不太理解内容脚本和上下文菜单之间的区别。因此,在Chrome中添加右键单击上下文菜单,并在单击上下文菜单项后执行关联的javascript源文件与内容脚本不同?右键单击thingy是一个上下文菜单。是一个javascript文件,它被加载时就好像它在网页上的脚本标记中一样。您可以在某些条件下加载它,其中之一可能是在用户单击上下文菜单之后。但是,还有许多其他方法可以执行内容脚本。
"background": {
    "persistent": false,
    "scripts": ["scripts/background.js", "scripts/click.js"]
},