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

Question

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

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

chrome.tabs.onUpdated.addListener(checkForValidUrl);

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

如何调试此文件？

Answer 1

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

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

如果您正在使用事件页面（清单代码中持久性为false的后台页面），或许您应该转为持久性：仅用于调试目的。

事件页面（即persistent：false）在几秒钟不活动后卸载，并关闭其调试窗口。 persistent：true更改此页面，不卸载页面。它对调试更好，但是当你完成调试时变成持久性：false，因为它更有效。