Firefox加入新功能供开发者审查WebSocket传输内容

Mozilla在Firefox 71的开发者版本中，加入了WebSocket Inspector功能，审查传输的WebSocket Frame内容，这个新功能是现有开发者工具DevTool的一部分，可以在原本就有的网络标签里的WS过滤器选项中打开使用。

Firefox利用WebSockets API在客户端和服务器中间创建永久连接，由于该API可以随时发送和接受数据，因此主要用于需要即时通信的应用程序。虽然过去可以在内容过滤器中看到浏览器打开WebSocket连接，但现在通过最新的WebSocket Inspector，才有办法看到以WebSocket协议传输的实际数据。

开发者可以在WS过滤器下看到WebSocket协议握手101请求，点击该请求之后，右边侧栏会显示更多的请求细节，该侧栏接口有一个消息面板，开发者可以用来审查通过连接发送与收到的WebSocket Frame，每笔WebSocket Frame旁边都会有绿色或是红色的箭头，用来表达是发送还是接受的数据。其他的基本操作还包括过滤器，可以用来筛选数据关键字，也可以调整看到的WebSocket Frame字段信息。

虽然开发者可以直接使用WebSockets API，但是利用一些第三方的函数库，解决连接失败、代理、身份验证与授权或是可扩展性等问题，可以节省开发者许多时间，目前WebSocket Inspector支持Socket.IO和SockJS两种函数库，Mozilla之后还会陆续增加其他函数库的支持，包括SignalR与WAMP。