在FireFox插件中使用websocket立即断开连接

Question

我一直在研究与运行WebSocket服务器的本地应用程序交互的浏览器扩展。 Safari和Chrome扩展程序非常易于实现，经过一番头痛之后，FF开发便开始了，我认为我可以像在其他浏览器中一样实现WebSockets。 但是我遇到了一些问题。

我了解我无法在“主要” js文件中直接创建WebSocket，因此尝试使用在Internet上找到的解决方法：

https://github.com/canuckistani/Jetpack-Websocket-Example使用分页工作程序作为main和WebSocket代码之间的一种代理。 当我实现此代码时，我的WebSocket连接立即将w / {“ isTrusted”：true}错误作为唯一信息。

我还尝试使用了一个hiddenframe，因为这似乎是1Password在其FF插件中处理websocket通信的方式，但这也导致了同样的立即错误。

当我在普通的FF实例中打开与服务器的websocket连接时，它可以完美连接，但是到目前为止，插件还没有任何可用的功能。

使用以下方法制作pageWorker：

var pw = pageWorker.Page({
    contentUrl: self.data.url('com.html'),
    contentScriptFile: self.data.url('com.js')
})

com.html：

<!DOCTYPE HTML>
<html>
<body>
</body>
</html>

com.js：

document.onready = launchCom();
// Could this need to be on ready?

function launchCom() {
    console.log("[com.js] launchCom Called");
    var wsAvailable = false;
    if ("WebSocket" in window) {
        console.log("[com.js] Detected Websocket in Window, attempting to open...");
        // WebSocket is supported.
        ws = new WebSocket('ws://localhost:9001');
        wsAvailable = true;
    } else {
        console.log("[com.js] Websocket is not supported, upgrade your browser!");
    }
}

ws.onmessage = function(event) {
  console.log(event.data);
}

ws.onopen = function(evt) {
    console.log("[com.js] ws opened. evt: " + evt);
}

ws.onerror = function(evt) {
    console.log("[com.js] ws error: " + JSON.stringify(evt));
}

运行此结果将导致：

console.log: xxx: [com.js] launchCom Called
console.log: xxx: [com.js] Detected Websocket in Window, attempting to open...
console.log: xxx: [com.js] ws error: {"isTrusted":true}
console.log: xxx: [com.js] ws closed. evt: {"isTrusted":true}

任何帮助将不胜感激！

Answer 1

我也陷入了类似的情况，因为websocket无法直接在main.js中实现。 我也做了与您相同的操作，可能是服务器拒绝连接。 我的代码段如下所示：

main.js

var wsWorker = require('sdk/page-worker').Page({
  contentURL: "./firefoxScript/webSocket.html",
  contentScriptFile : ["./firefoxScript/webSocket.js"]
});

webSocket.html

<html>
<head>        
    <title></title>
</head>
<body>
</body>
</html>

webSocket.js

var ws = new WebSocket('ws://localhost:9451'); 
  ws.onopen = function() {
  console.log('Connection open...');
};

ws.onclose = function() {
  console.log('Connection closed...');
};

ws.onmessage = function(event) {
   console.log('Message recieved...');
};

ws.onerror = function(event) {
  console.log('Connection Error...');
};

对我来说一切正常。

Answer 2

我已经解决了这个问题：

我在OS X应用程序中使用https://github.com/zwopple/PocketSocket作为服务器，PocketSocket和FF似乎存在问题。

更改PocketSocket的PSWebSocketDriver.m第87行代码后，

[[headers[@"Connection"] lowercaseString] isEqualToString:@"upgrade"]

至

[[headers[@"Connection"] lowercaseString] containsString:@"upgrade"]

根据https://github.com/zwopple/PocketSocket/issues/34 ，我能够使用原始代码从FF插件打开WebSocket连接，但是服务器在消息中出错。

在about：config中将network.websocket.extensions.permessage-deflate设置为false允许发送消息，所以我添加了

 require("sdk/preferences/service").set("network.websocket.extensions.permessage-deflate", false);

到我的main.js，一切都正常！

PocketSocket代码的微小更改对与其他WebSocket客户端交互的服务器没有任何影响。