如何在Chrome扩展程序中创建动态选项页面

Question

我想用动态创建的选项创建一个选项页面。

我正在使用内容脚本从网页的源中提取一些数据，并且希望这些数据显示在选项页面中。 如何将这些数据发送到我的选项页面？

我在内容脚本中使用了localStorage ，但是在选项页面中无法访问。

如果在选项页面中创建了localStorage，则可以在后台页面和内容脚本中进行访问。 但是，如果我在内容脚本中创建它，则无法在选项页面中访问它。

我怎样才能做到这一点？

Answer 1

由于页面不共享资源，因此您需要使用以下命令：

http://code.google.com/chrome/extensions/messaging.html

引用它：

扩展及其内容脚本之间的通信通过使用消息传递来进行。 任何一方都可以侦听从另一端发送的消息，并在同一通道上进行响应。 消息可以包含任何有效的JSON对象（空，布尔值，数字，字符串，数组或对象）。 有一个简单的API可以处理一次性请求，而一个更复杂的API则可以使您拥有长期的连接，以便与共享上下文交换多个消息。 如果您知道另一扩展名的ID，也可以将其发送给另一扩展名，该ID在交叉扩展消息部分中进行了介绍。

Answer 2

我有解决方案。

我只是将数据提取到内容脚本中，然后与Message_page通信，并在Message Passing的帮助下将数据发送到background_page。 在我的background_page中，我将数据存储在localStorage中，该存储可在“选项”页面中访问。 有点棘手，但工作成功。