javascript - 查看源代码和谷歌浏览器扩展交互

Question

我目前有一个 Google Chrome 扩展程序，可以读取我正在查看的页面的 dom，通过访问：

document.documentElement.outerHTML

然后我还可以让它将 dom 的元素打印到当前页面、扩展和背景页面的控制台。（欢呼！）

我遇到了一个需要访问视图源页面的 dom 的场景。当我尝试将扩展名打印到页面控制台时，我无法这样做。它什么也不打印（没有错误消息）。然而，如果我在浏览器中手动输入控制台命令行，我就可以成功地与之交互。在这种情况下有没有办法打印到控制台？我的扩展似乎适用于所有其他标准页面。

它的工作原理如下：我在我的扩展 UI 上按下一个按钮，它告诉 popup.js 运行一个包含console.log("Hello").

感谢所有帮助！

---

为了澄清起见，我右键单击一个页面并按“查看页面源”打开一个新选项卡。这是我要打印到控制台的选项卡。

标签： javascriptgoogle-chrome-extensionview-source