webSocket常见错误主要包括连接相关错误、数据传输相关错误、协议错误、服务器配置错误、跨域问题、网络问题、资源限制错误和安全策略限制。 连接相关错误：连接超时：在规定时间内无法建立连接，可能因网络不佳或服务器响应慢。连接被拒绝：服务器拒绝连接请求，可能因配置问题、连接上限或安全策略。
Websocket协议实现问题服务器或客户端对协议的实现存在缺陷：帧处理错误：如未正确解析控制帧（Close帧）或数据帧分片，可能导致协议状态不一致。版本不兼容：服务端与客户端使用的WebSocket协议版本（如RFC 6455与旧版）不匹配。
确认客户端和服务器代码：检查客户端和服务器端的websocket代码实现是否正确，有无代码逻辑错误，比如未正确处理连接关闭、消息发送接收等。 排查并发问题：如果存在高并发情况，可能会导致资源竞争，从而引发连接重置。分析是否有过多的并发连接超出了服务器的处理能力。
网络问题：网络不稳定或中断可能导致WebSocket连接断开。服务器配置错误：服务器配置不当或错误可能导致WebSocket连接无法维持。防火墙设置：防火墙可能阻止WebSocket连接，导致连接断开。跨域访问限制：跨域访问限制可能导致WebSocket连接无法建立或维持。性能问题：服务器或客户端性能不足可能导致WebSocket连接断开。
WebSocket稳定性指的是WebSocket连接在面临各种网络环境和异常情况时，能够保持长时间、可靠且高效的双向通信能力。影响WebSocket稳定性的主要因素包括：网络环境：网络波动、高延迟和丢包等问题会直接影响WebSocket连接的稳定性，导致数据传输中断或延迟。
服务端实现：在服务端，可以使用各种编程语言和框架来实现 Websocket 服务端。例如，在 Node.js 中，可以使用 socket.io 等库来简化 Websocket 服务端的实现。心跳检测与重连机制：为了保持 Websocket 连接的稳定性，通常会实现心跳检测和重连机制。
WebSocket方案的稳定性与可靠性 连接管理：WebSocket协议提供了连接管理功能，包括连接建立、保持和断开等。在实际应用中，需要合理管理连接状态，如处理网络异常、重连机制等，以确保数据传输的连续性和稳定性。错误处理：WebSocket协议支持错误处理机制，如发送和接收错误帧、关闭连接等。
综上所述，httpS和WebSocket协议在Web应用中扮演着不同的角色。HTTPS主要负责保证数据传输的安全性，而WebSocket则专注于实现客户端和服务器之间的双向通信和实时数据交换。两者相辅相成，共同推动了Web应用的发展。
抓包时可直接看到账号密码、表单内容等未加密信息（现已基本被HTTPS替代）。HTTPS：加密版HTTP（基于SSL/TLS层），当前主流网页和app均采用。抓包时需安装证书（如Fiddler根证书）解密内容，否则仅显示加密乱码。WebSocket：实时通信协议，用于直播弹幕、微信/QQ实时消息、在线协作工具（如飞书/钉钉文档）。
在构建H5页面与服务器之间的WebSocket连接时，若页面通过HTTPS方式访问，常会遇到无法建立连接的问题。这是因为WebSocket的连接协议wss仅允许使用域名或URL形式，而不支持直接通过IP地址和端口号进行连接。例如，在页面domain.com/index.HTML中的JS代码尝试以这种方式连接服务器，通常会失败。
WebSocket是一种在客户端和服务器之间建立双向通信的协议，它实现了实时的数据传输，避免了HTTP协议中频繁的请求和响应，从而显著提高了Web应用程序的性能和用户体验。跨域通信 WebSocket与跨域问题：WebSocket协议本身没有同源策略的限制，因此它可以在不同源（域）的客户端和服务器之间建立连接。
HTTP协议：通常使用http：//或https：//开头。WebSocket协议：使用ws：//或wss：//开头，与HTTP协议形成鲜明对比。数据推送：HTTP协议：不支持服务器主动推送数据至客户端，除非客户端再次发起请求。WebSocket协议：允许服务器主动推送数据至客户端，这是其相对于HTTP协议的一个重要优势。
安全性：WebSocket 连接可以通过 HTTPS 进行加密，从而确保通信的安全性。由于 WebSocket 依赖于 HTTP 连接进行初始化，因此可以很方便地利用 HTTPS 的加密机制来保护通信内容。简化协议切换：通过 HTTP 请求进行协议切换是一种简单而有效的方式。
WebSocket使用HTTP或HTTPS协议进行握手请求，在使用HTTP协议的情况下，若存在中间人可以嗅探HTTP流量，那么中间人可以获取并篡改WebSocket握手请求，通过伪造客户端信息与服务器建立WebSocket连接，如下图所示。防范这种攻击，需要在加密信道上建立WebSocket连接，使用HTTPS协议发起握手请求。
综上所述，虽然WebSocket解决了前后端数据实时刷新的问题，但由于其资源消耗和适用场景的局限性，它并没有被广泛使用。在实际应用中，开发者需要根据具体需求选择合适的通信方式。对于需要实时更新的数据，可以考虑使用WebSocket；对于不需要实时更新的数据，则可以使用HTTP请求来降低成本和提高效率。
多筛选视图独立保存与切换 每个协作者可创建并保存多个筛选条件组合（如按部门、时间、状态等维度），不同筛选方案以标签形式独立存储于同一工作簿中。用户通过下拉菜单快速切换不同视图，无需重复设置筛选条件。例如，市场部成员可保存“活动进度视图”，财务部可保存“预算执行视图”，两者互不干扰。
错误处理：如果服务器不理解客户端请求的WebSocket版本，或者请求中的头部字段有误，服务器应该返回400 Bad Request状态码，并立即关闭套接字。示例代码 提供的Node.js示例代码展示了WebSocket握手协议的基本实现。但需要注意的是，这个示例代码仅用于学习和理解握手过程，并不能直接用于生产环境。
