如何在chrome扩展中创建动态选项页面

时间:2011-11-17 10:24:20

标签: javascript html google-chrome google-chrome-extension

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

我正在使用我的内容脚本从网页源中提取一些数据,我希望这些数据显示在选项页面中。我怎么能将这些数据发送到我的选项页面?

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

如果在选项页面中创建,则可以在后台页面和内容脚本中访问

localStorage 。但是如果我在内容脚本中创建它,则无法在选项页面中访问它。

我该怎么做?

2 个答案:

答案 0 :(得分:4)

由于页面不共享资源,您需要使用:

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

引用它:

  

扩展程序与其内容脚本之间的通信可以正常工作   使用消息传递。任何一方都可以收听发送的消息   另一端,并在同一频道上作出回应。消息可以包含   任何有效的JSON对象(null,boolean,number,string,array或   宾语)。有一个简单的API可用于一次性请求以及更多   复杂的API,允许您拥有长期连接   使用共享上下文交换多个消息。也是   如果您知道其ID,可以向另一个分机发送消息,   这是交叉扩展消息部分中的内容。

答案 1 :(得分:1)

我有解决方案。

我刚刚在我的内容脚本中提取了数据,然后,我与我的background_page进行了沟通,并在Message Passing的帮助下将数据发送到了background_page。在我的background_page中,我将数据存储在localStorage中,可以在我的Options页面中访问。有点棘手,但成功地工作。