google-chrome-extension - 在哪里可以找到代码和控制台以在 Chrome 扩展程序中调试 background.js

Question

如何调试我的 background.js 中包含我的一些浏览器操作的代码。

代码在选项卡的负载上运行以验证 URL

chrome.tabs.onUpdated.addListener(checkForValidUrl);

但是当我检查弹出窗口并尝试调试我的代码时，我在我的文件中找不到 background.js。

我怎样才能调试这个文件？

Answer 1

您可以从 Chrome 扩展页面在开发环境（调试器）background.js中调试chrome://extensions您的扩展：

它在每个扩展程序中都有一个链接，通常称为“生成的背景 page.html”，（因为 Chrome 会生成一个 html 页面来包含您的 js）。

如果您正在使用事件页面（在您的清单代码中使用 persistent:false 的背景页面），也许您应该只出于调试目的而将其变为 persistent:true。

事件页面（即 persistent:false）在几秒钟不活动后卸载，并关闭其调试窗口。persistent:true 改变这一点，页面不会卸载。它更适合调试，但是当你完成调试时变成 persistent:false，因为它更有效。