问题遇到的现象和发生背景
一个浏览器页面的websocket被alert阻塞后,其他页面的websocket被阻塞。
问题相关代码,请勿粘贴截图
<html>
<script type="text/javascript">
if ( 'WebSocket' in window) {
var ws = new WebSocket("ws://127.0.0.1:2000");
console.log(".onopen设置前");
ws.onopen = function()
{
// ws.send("js的webscoket数据");
console.log("执行.onopen,scoket开始建立连接...");
};
console.log(".onopen设置后");
ws.onmessage = function (evt)
{
var received_msg = evt.data;
console.log('js接收到:'+received_msg);
alert('js接收到:'+received_msg);
};
ws.onclose = function()
{
alert('close');
console.log("连已关闭...");
};
} else {
alert('您的浏览器不支持WebSocket');
}
function test_webSocket()
{
let user = {
'username' : 'xiaoming',
'key' : 'xiaoming',
'action' : 'broadcast',
'data' : {
'msg' : '123'
}
};
// ws.send("js的webscoket数据");
//console.log(JSON.stringify(user));
ws.send(JSON.stringify(user));
}
</script>
<body>
<div id="">
<a href="javascript:test_webSocket()">发送 WebSocket请求</a>
</div>
</body>
</html>
运行结果及报错内容
我想要达到的结果
为什么会阻塞其他页面的websocket?
如何解决阻塞其他页面这个问题?