Google chrome extension 如何获取chrome扩展的调试信息

我编写了一个DOM树保护程序Chrome扩展来检查DOM树是否发生了更改。我在后台页面中有js文件，如何在其他测试html文件中获得这些console.logs（）？我现在只能找到的是的调试信息chrome://extensions/ 当我点击generated_background_page.html时。那么我怎样才能获得其他网页的信息呢？感谢您的回复。

在调试chrome扩展时，我发现有一件事非常有用，那就是使用chrome开发者工具的“inspect element”功能。如果您有要调试的页面或元素（例如在扩展插件的弹出窗口上），请执行以下操作：

Open up Developer Tools
Wait for your popup to appear (if its not already up)
Switch to the Elements view on Developer Tools
Click the magnifying glass at the bottom so you can select an element
Click on an element in the page you want to debug (e.g. the popup page)

现在，您的源视图和其他视图将与您单击的元素对齐。控制台现在允许您查看该上下文中的变量

如果您无法让扩展正常工作，可能有很多原因

您的所有脚本都是从扩展目录加载的还是正在提供服务 他们从一个网站？Chrome不会从外部站点加载脚本 除非通过https并且在为脚本提供服务的站点 被列入白名单。见 更多信息

要检查DOM，需要将内容脚本注入正在加载的页面。您确定这样做正确吗？必须正确执行manifest.json，否则将无法加载

要使内容脚本和扩展进行通信，您必须发布和接收消息。更多信息请参阅

---

也许我最好的建议是，你仔细地遵循这个规则，直到你有了一些有效的东西，然后修改它以满足你的需要。

谢谢你的回复，但这不是元素标签中的问题。我想知道的是控制台标签上的东西。如果我点击生成的_background _page.html，会有一些输出，这是页面的调试信息chrome://extensions/. 我想让它在控制台标签中显示一些网站或本地页面的控制台日志。我不明白，所以更多的澄清/信息将是有用的。1） 当你说“控制台标签”时，你是指chrome开发者工具（即调试器）的控制台标签吗？2） 你在网上看到的是chrome扩展的行为吗chrome://extensions/ 页3） 网站或本地页面的控制台日志意味着什么？1）哦，这是一个输入错误，是控制台选项卡输出的。2） 我正在进行的扩展只能允许console.logs（）访问唯一页面chrome://extensions/ 在开发工具的控制台选项卡中显示。我需要其他页面的console.logs（）。我写了一个遍历DOM树的函数，并打印出节点的名称，我只能得到HTML0 HEAD1 BODY2 SCRIPT3一个，这是设置页面的一个。我想得到其他网页DOM树并打印出来。好的。因此，看起来您想要编写一个chrome扩展，并让它打印出网页的DOM树。您当前的扩展可以为chrome://extensions 页，但无法对其他网页执行此操作。我有这些吗？是的，你有！当我打开一个新标签并进入像google.com这样的网站时，并没有输出。addEventListener（'load'，function（）{…}）；addEventListener（'DOMContentLoaded'，function（）{…}）；是主要的两个函数，但它不会为其他页面打印任何内容。