【问题标题】:How to create a dynamic options page in chrome extension如何在 chrome 扩展中创建动态选项页面
【发布时间】:2011-11-18 11:41:38
【问题描述】:

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

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

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

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

我该怎么做?

【问题讨论】:

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


    【解决方案1】:

    由于页面不共享资源,所以需要使用这个:

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

    引用自:

    扩展程序及其内容脚本之间的通信通过 使用消息传递。任何一方都可以收听从 另一端,并在同一通道上响应。一条消息可以包含 任何有效的 JSON 对象(null、布尔值、数字、字符串、数组或 目的)。有一个用于一次性请求的简单 API 和更多 复杂的 API,允许您为 使用共享上下文交换多条消息。也是 如果您知道其 ID,则可以向另一个分机发送消息, 跨扩展消息部分对此进行了介绍。

    【讨论】:

      【解决方案2】:

      我有办法了。

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2014-05-21
        • 1970-01-01
        • 1970-01-01
        • 2013-03-30
        • 2012-10-19
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多