如何从 JS 开发控制台访问用 Chrome 扩展编写的功能？

Posted 2023-03-08

【中文标题】如何从 JS 开发控制台访问用 Chrome 扩展编写的功能？

【英文标题】：How to get access to functions written in Chrome extension from the JS dev console?

【发布时间】：2013-03-24 19:08:27

【问题描述】：

我希望能够从 Chrome 中的 JS 控制台调用我在 Chrome 扩展程序中编写的函数，以便我可以轻松地测试它们并查看它们的输出如何随着页面的变化而变化。

但似乎我编写的函数不适用于 chrome JS 控制台。我不太了解 JS 或 chrome 扩展模型，但我需要以某种方式将扩展源注入到我正在使用扩展的页面正文中？

【问题讨论】：

这些图片显示在哪里可以找到您正在寻找的功能：animation for Content scripts 和 picture for background page。

【参考方案1】：

如果您谈论的是在background page 中定义的功能，那么您需要转到您的扩展页面，选中开发人员模式框，然后单击_generated_background_page.html。在那里您可以找到您的背景页面代码。

如果您的意思是 content script 中的函数，那么当您在控制台中时，转到显示 <page context> 的位置并将其更改为您的扩展程序。然后你就可以访问content script中的功能了。