Firefox Add-on SDK: communicating objects between a sidebar and the main script
Question
I am hacking away at my first addon, so the problem I am running into probably has either an obvious solution or my general approach is flawed.
I am using the Add-on SDK . My lib/main.js contains an object foo . The data directory has the files sidebar.html and sidebar.js . I want to pass foo to the sidebar-script and then change the sidebar depending on the state of foo . In the minmal example I will just try to display the object.
Minimal example:
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;
The sidebar docs explain how to listen for signals from the main script and call a function upon receiving a signal, but I can't figure out how to pass the object itself.
1 answers
solution1
1 ACCPTED 2015-03-29 12:15:52
您链接的侧边栏文档中提到的port.emit() API也需要第二个参数来传递对象。
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.