当前位置：首页 > 资讯 >

万字长文，一篇吃透WebSocket：概念、原理、易错常识、动手实践(11)

2023-04-29 来源:飞速影视

socket.addEventListener("message", async function(event) {
console.log("Message from server ", event.data);
const receivedData = event.data;
if(receivedData instanceofBlob) {
receivedMsgContainer.value = await receivedData.text();
} else{
receivedMsgContainer.value = receivedData;
}
});
同样，我们使用 Chrome 浏览器的开发者工具来看一下相应的过程：

通过上图我们可以很明显地看到，当使用发送 Blob 对象时，Data 栏位的信息显示的是 Binary Message，而对于发送普通文本来说，Data 栏位的信息是直接显示发送的文本消息。
以上示例对应的完整代码如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport"content="width=device-width, initial-scale=1.0"/>
<title>WebSocket 发送二进制数据示例</title>
<style>
.block {
flex: 1;
}
</style>
</head>
<body>
<h3>WebSocket 发送二进制数据示例</h3>

1 ...9 10 11 12 13 ...35 查看全文

万字长文，一篇吃透WebSocket：概念、原理、易错常识、动手实践(11)

经常请吃饭的理事大人

头文字D 第一季

运动学概论

简易美食挑战赛：家常菜大比拼第一季

念念手纪

成长不容易第一季

拿错金盆洗错手

炼体十万层都市篇动态漫画