鍍金池/ 問答/HTML/ 移動端不能連接websocket

移動端不能連接websocket

  1. 自己寫了個測試demo，放到電腦的瀏覽器中測試正常，可以打印websocket的open連接信息，但是放到手機上就不執(zhí)行open事件了，直接close，為什么？

瀏覽器都是支持websocket的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<script>
    var ws = new WebSocket("ws://139.129.118.14:8083/killBoss/userSocket");

    ws.onopen = function(evt) { 
        alert(1)
        console.log("Connection open ..."); 
        var obj={
             "code": 0,
             "latitude": 1,
             "longitude": 2,
             "prop": {
              "describe": " this is a prop descibe",
              "id": 1,
              "isDelete": 0,
              "status": 0,
              "type": 2
             },
             "user": {
              "headImageUrl": "asdfasdfasdfadfadf",
              "id": 1,
              "isDelete": 0,
              "openId": "asdfadfadf",
              "status": {
               "attackers": [],
               "blood": 3,
               "code": 0,
               "latitude": 1,
               "killNo": 4,
               "killUser": 1,
               "longitude": 2,
               "rank": 0,
               "victim": null
              },
              "userName": "zhangsan"
             }
        }
        ws.send(obj)
    };

    ws.onmessage = function(evt) {
      console.log( "Received Message: " + evt.data);
      // ws.close();
    };

    ws.onclose = function(evt) {
        alert("close")
        console.log("Connection closed.");
        console.log(evt)
    };


    ws.onerror=function(evt){
      console.log("error",evt)
    }

</script>

<script>
    $.ajax({
        url:'http://192.168.0.106:8081/text.json',
        success:function(res){
            console.log(res)
        }
    })
</script>
</html>

移動端報錯如下，我實在微信開發(fā)者工具中看的
圖片描述

也在排查是不是這個原因 域名問題

電腦上是可以打印open的，為什么手機就不能打印open
求大神指點

回答
編輯回答
落殤

能執(zhí)行就怪了!

websocket在手機webview中不可用.

遇到過這種需求, 我的解決方案是在手機端使用native原生socket來實現(xiàn), 做成混合app.

2018年8月17日 00:30