Firefox，网络套接字和异常行为

Question

背景：

• 在JavaScript + Play中使用WebSockets！ 框架（2.2）。
• 可以在Chrome中很好地发送和接收数据。
• 由于send（）不会触发任何回调，因此只能在Firefox中接收来自服务器的数据。

除了发送问题之外，并且仅在Firefox中，页面的选项卡始终停留在“连接”中，而微调框保持旋转（请参见图1）。

浏览器行为不当： Mozilla / 5.0（X11; Ubuntu; Linux x86_64; rv：24.0）（ Firefox 24.0 ）

（ 图1.页面加载后的Firefox选项卡并显示数据）

每当我刷新网页时，都会收到以下错误，这归因于我确定的恒定页面加载行为。

The connection to ws://localhost:9000/ was interrupted while the page was loading.

整个JavaScript代码：

---

$(function() {
    var chatSocket = new WebSocket("@routes.Application.getMetaData().webSocketURL(request)");

    var sendMessage = function() {
        chatSocket.send(JSON.stringify({
            id: "unique",
            name: "a name",
            age: 22
        }));
    }

    var receiveEvent = function(event) {
        var data = JSON.parse(event.data)
        document.write(data.age);
        document.write(data.name);
        document.write(data.message);
        document.write("\n");
        sendMessage();
        chatSocket.close();
    }
    chatSocket.onmessage = receiveEvent
})

现在，过去，我一直在尝试使用MozWebSocket而不是标准的WebSocket ，但是使用该模块无法在屏幕上呈现任何内容，因此，除非我错过了一个角度，否则WebSocket是更好的选择。

相关播放！ 块：

---

public static WebSocket<JsonNode> getMetaData() {
    return new WebSocket<JsonNode>() {

        // Called when the Websocket Handshake is done.
        public void onReady(WebSocket.In<JsonNode> in, WebSocket.Out<JsonNode> out) {

            // For each event received on the socket,
            in.onMessage(new Callback<JsonNode>() {
                @Override
                public void invoke(JsonNode jsonNode) {
                    System.out.println("Message Incoming!");
                    System.out.println(jsonNode.get("id"));
                    System.out.println(jsonNode.get("name"));
                    System.out.println(jsonNode.get("age"));
                }
            });


            // When the socket is closed.
            in.onClose(new Callback0() {
                public void invoke() {
                    System.out.println("Disconnected");

                }
            });

            ObjectNode node = Json.newObject();
            node.put("message", "hello");
            node.put("name", "client");
            node.put("age", 1);

            out.write(node);

            //same result commented/uncommented
            out.close();
        }
    };
}

因此，在Chrome中 ，流程为：

1. document.write（...）
2. “消息传入！”
3. ... JSON属性
4. “断开连接”

但是在Firefox中 ，流程为：

1. document.write（...）
2. “断开连接”

在诊断这些问题上的任何帮助将不胜感激。 我无意支持IE，但是Mozilla和Chrome都可以正常工作。

其他JavaScript警告：

以下是警告，我偶尔会在Firefox控制台中看到“ ws”协议作为罪魁祸首。 我不知道它与我的问题有什么关系。

Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.

Answer 1

您在加载文档后调用document.write() ，这意味着document.open()会依次替换文档，并卸载旧文档并中止超时或Websocket之类的操作。

使用document.write()以外的其他东西，您应该没事。