Firefox附加组件：从选项卡获取文档

Question

我只是试图获取选项卡的文档并从中读取信息，但是如果尝试读取附加组件上的信息，则会收到错误消息“ doc.getElementById不是函数”。 在内容脚本中，它可以正常工作。 那么通过self.port传递整个对象是否有问题？

var tabs = require('sdk/tabs');
var myTab;
var myScript = "self.port.on('getDocument', function() {" +
               "  var doc = window.document;" +
               "  console.log(doc.getElementById('lga').style.height);" +
               "  self.port.emit('answer', doc);" +
               "})";

for each (var tab in tabs) {
    if (tab.url == "https://www.google.com/") {
        myTab = tab;
    }
}

worker = myTab.attach({
    contentScript: myScript 
});

worker.port.emit("getDocument");

worker.port.on("answer", function(doc) {
  console.log(doc.getElementById('lga').style.height);
});

Answer 1

您只能通过可以序列化为JSON的消息传递值。 doc是文档，无法传递。

在您的消息中，您可以改为传递样式的实际值：

self.port.emit('answer', doc.getElementById('lga').style.height);

Answer 2

与其尝试将文档导入到main.js ， main.js在data文件夹ContentScript.js创建一个新的Javascript文件。 用contentScriptFile将其注入页面，如下所示：

worker = myTab.attach({
    contentScriptFile: require('sdk/self').data.url('ContentScript.js')
});

同时，在ContentScript.js中

var doc = window.document;
//Now have your way with the document

然后，如果您在main.js中需要任何变量，请执行@nmaier所说的。

我意识到这可能很明显，但这是预期的行为，这意味着您不必将脚本编写为字符串即可提供更详细的日志记录。