javascript - 使用 Chrome 扩展程序内容脚本嵌入附加内容

Question

我正在开发一个 Chrome 扩展程序，它将向一组特定的页面添加内容。根据我的研究，听起来我想要的是 content script它将针对适当的页面执行。我可以使用 content_script.matches manifest.json 字段指定“适当的页面”。

但是，我遇到的问题是内容脚本在一个孤立的世界中运行，separate from the rest of your extension .

我设想的扩展是一组 UI pages内容脚本将嵌入到适当的页面上。 background page将包含用于构建 UI 页面内容的代码。后台页面以及 UI 页面需要访问各种 Chrome API(例如本地存储)，并且能够发出跨域请求来检索其数据。然而，这似乎是不可能的，因为内容脚本在一个孤立的世界中运行，并且无法访问我需要的 Chrome API。

Message passing允许内容脚本从后台页面发送和接收数据，但不允许您获取 UI 页面并将其嵌入当前网页。

当我能够制作 jQuery AJAX request from my content script for an UI page 时，我最初以为我在这方面取得了一些进展。 ，但这只能让我获得 HTML 文件本身。我的 UI 页面依赖于代码以编程方式构建内容——它不仅仅是一个静态 HTML 页面。 “构建页面”JavaScript 代码依赖于内容脚本无法使用的 Chrome API。所以，如果我只是尝试制作我的所有 UI 页面和 JavaScript 资源 web_accessible_resources ，我可以将它们注入(inject)到页面中，但它们无法运行。

这让我想到了我的问题:内容脚本如何下拉或嵌入 UI pages可以调用后台页面的代码吗？

Answer 1

Tldr:您需要阅读有关在内容/背景之间发送消息的信息。它在文档和许多示例中。