Question

我正在攻击我的第一个插件，所以我遇到的问题可能有一个明显的解决方案或我的一般方法是有缺陷的。

我正在使用Add-on SDK。我的lib/main.js包含一个对象foo。 data目录包含文件sidebar.html和sidebar.js。我想将foo传递给侧边栏脚本，然后根据foo的状态更改侧边栏。在最简单的例子中，我将尝试显示对象。

最小例子：

main.js：

var foo = {"a": "b", "c": "d"};
var bar = require("sdk/ui/sidebar").Sidebar({
    id: "sb",
    title: "foobar",
    url: "./sidebar.html"
});
bar.show();

sidebar.html：

<!DOCTYPE html>
<html>
    <body>        
        <div id="foo-here">
            <!-- to be modified by sidebar.js -->
        </div>
    </body>
    <script type="text/javascript" src="sidebar.js"></script>
</html>

sidebar.js：

var foodiv = document.getElementById("foo-here");
var str = "", o;
// magically get foo from main.js here
for (o in foo) {
    if (foo.hasOwnProperty(o)) {
        str += "[" + o + " is " + foo[o] + "]";
    }
}
foodiv.innerHTML = str;

sidebar docs解释了如何从主脚本中侦听信号并在接收到信号时调用函数，但我无法弄清楚如何传递对象本身。

Answer 1

您链接的侧边栏文档中提到的port.emit() API也会使用第二个参数传入对象。

Firefox附加组件SDK：在侧边栏和主脚本之间传递对象

1 个答案: