网站建设案例图片定西兰州网站建设

长连接需求不常有，控制台调试的细节容易忘，在这截图备忘。本文会记录SSE、websocket连接、普通接口 在谷歌浏览器控制台的对比

SSE（Server-Sent Events）

观察对象：百度翻译

通过百度翻译接口观察sse响应，控制台会出现EventStream模块。由于接口名是translate，所以可以通过translate关键字筛选出特定接口。且，sse接口能在Fetch/XHR分类下找到

观察请求头和响应头

请求头和响应头重都带上text/event-stream，通常表示客户端和服务器之间正在协商使用 Server-Sent Events (SSE) 协议进行通信。通常流式传输的响应头也会带上Transfer-Encoding: chunked，这是 HTTP 协议中的一种传输编码方式，它允许服务器在不知道内容总长度的情况下，逐步发送数据给客户端

观察EventStream

数据格式：每条消息以 data: 开头，用两个换行符 \n\n 分隔

观察response

可以看到数据格式：每条消息以 data: 开头，用两个换行符 \n\n 分隔

Websocket

观察对象：随便找一个在线websocket测试网站

此处观察网站用的是：http://tool.chacuo.net/websocket
截图中，websocket接口在Socket模块下，不在Fetch/XHR

观察请求头响应体

注意观察特有字段
请求头
响应头

字段说明

观察Messages

控制台支持筛选发送方或响应方消息

非长连接接口

对于一个非长连接接口（或者说一个普通的接口），控制台通常只显示以下信息，不会出现EventStream或者Messages