来自Firefox SDK(跨域)的ContentScript中的XMLHttpRequest

我正在将chrome扩展移植到firefox，并希望保留尽可能多的代码。我正在使用sdk，我是JavaScript的新手，所以如果这只是一个小错误，请耐心等待；）

我需要通过内容脚本中的几个XMLHttpRequest获得一些内容。

做事情的"firefox方式"是使用sdk请求api，并像这样通过主脚本和内容脚本之间的消息进行工作。除了在整个插件中实现这一点对我来说意味着很多工作之外，我还需要获得二进制数据，这似乎是不可能的。

此处记录了解决此问题的方法。我宁愿避免这种情况，因为我想我在某个地方读到它现在是一个测试版功能，而且看起来很"变通"。

理想情况下，我希望以这种方式实现它。在即将推出的Firefox 24中，应该可以允许内容脚本访问某些域。因此，我现在正在使用Firefox Aurora。我在包中添加了以下代码。json:

"permissions": {
      "cross-domain-content": ["http://mozilla.org"]
 }

当点击按钮时，Mymain.js会创建一个面板，并将脚本加载到其中：

var testPanel = require("sdk/panel").Panel({
                contentURL: data.url("pages/background.html"),
                contentScriptFile:   [data.url("util/jquery-1.8.2.min.js"), data.url("pages/xhrTest.js")]
            })
testPanel.show();

这是我的xhrTest.js:

var xhr = new XMLHttpRequest();
xhr.open("GET","http://mozilla.org",true);
xhr.onerror = function () {
   console.log("Error");
};
xhr.onload = function () {
   console.log("loaded");
}
xhr.send();

在调试时，它会从状态2跳到状态4，并返回一个空响应，并调用"oneror"。状态为0，statustext为空，我看不到任何其他错误指示。现在我不知道这是否仍然是阻止我的同源政策，或者我做错了什么？

我真的很感激能得到的任何帮助：）

提前感谢，
Fabi

Hrm，我真的看不到明显的错误。这里有一个基于所做工作的文档的示例插件，至少它在Firefox 24 Beta中对我来说是这样的：

Main.js:

// main.js
var data = require("sdk/self").data;
var panel = require("sdk/panel").Panel({
  height: 250,
  contentURL: data.url("panel.html"),
  contentScriptFile: data.url("panel-script.js")
});
panel.on("show", function(){
  panel.port.emit("show");
});
require("sdk/widget").Widget({
  id: "test-widget",
  label: "Test-Widget",
  contentURL: "http://www.mozilla.org/favicon.ico",
  panel: panel
});

Panel.html：

<!doctype HTML>
<html>
<meta charset="utf-8">
  <head></head>
  <body>
    <pre id="forecast_summary"></pre>
  </body>
</html>

内容脚本：

// panel-script.js
var url = "https://hn-test.firebaseio.com/articles/e5b10c82600b51732af584583a7f57c4a7c01bff.json";
self.port.on("show", function () {
  var request = new XMLHttpRequest();
  request.open("GET", url, true);
  request.onload = function () {
    var element = document.getElementById("forecast_summary");
    // formatting
    var pretty = JSON.stringify(JSON.parse(request.responseText), null, '  ');
    element.textContent = pretty;
  };
  request.send();
});

Package.json:

{
  "name": "jp-crossdomain-xhr",
  "fullName": "jp-crossdomain-xhr",
  "id": "jid1-B2RaQxOBKox8wA",
  "description": "a basic add-on",
  "author": "",
  "license": "MPL 2.0",
  "version": "0.1",
  "permissions": {
    "cross-domain-content": ["https://hn-test.firebaseio.com"]
  }
}

Github Repo

相关内容

最新更新

热门标签：