能否在浏览器端用JavaScript Streams API实现WebSocket协议？

结论：浏览器端无法仅通过Streams API + Fetch API实现完整的WebSocket协议，原因如下：

• 握手阶段的限制：WebSocket的建立依赖HTTP升级请求，虽然Fetch API可以发送带自定义请求头的GET请求，但浏览器会自动拦截带有Upgrade: websocket头的请求，不会将升级后的TCP连接交付给Streams API处理——WebSocket是浏览器独立实现的协议，和Fetch的HTTP流体系完全分离。
• Streams API的能力边界：Streams API仅能处理HTTP/HTTPS协议下的响应流（比如分块传输的内容），无法直接操作底层TCP连接，也不支持WebSocket的帧编码/解码逻辑（比如数据掩码、帧类型识别、控制帧处理等核心协议细节）。

可行的替代方案 #

既然无法控制服务器，可尝试以下两种合规方式传递自定义信息：

• 将自定义参数放在WebSocket连接的查询字符串中（例如ws://your-server.com/ws?custom-header=xxx），内置WebSocket API完全支持这种方式，服务器可从URL参数中读取信息。
• 使用WebSocket子协议字段：创建连接时指定子协议（new WebSocket(url, ['your-custom-protocol'])），浏览器会在握手请求的Sec-WebSocket-Protocol头中携带该值，服务器可解析这个头获取自定义信息。

内容的提问来源于stack exchange，提问作者sevzas