Mozilla在Firefox71的开发者版本中,加入了WebSocketInspector功能,查看传输的WebSocketFrame内容,这个新功能是现有开发者工具DevTool的一部分,可以在原本就有的网络页签里的WS过滤器选项中开启使用。Firefox利用WebSocketsAPI在客户端和服务器中间建立永久连接,由于该API可以随时发送和接受资料,因此主要用于需要即时通讯的应用程式。虽然过去可以在内容过滤器中看到浏览器开启WebSocket连接,但现在透过最新的WebSocketInspector,才有办法看到以WebSocket协定传输的实际资料。
开发者可以在WS过滤器下看到WebSocket协定握手101请求,点选该请求之后,右边侧栏会显示更多的请求细节,该侧栏接口有一个讯息面板,开发者可以用来检视透过连接传送与收到的WebSocketFrame,每笔WebSocketFrame旁边都会有绿色或是红色的箭头,用来表达是传送还是接受的资料。其他的基本操作还包括过滤器,可以用来筛选资料关键字,也可以调整看到的WebSocketFrame字段资讯。虽然开发者可以直接使用WebSocketsAPI,但是利用一些第三方的函式库,解决连接失败、代理、身份验证与授权或是可扩展性等问题,可以节省开发者许多时间,目前WebSocketInspector支援Socket.IO和SockJS两种函式库,Mozilla之后还会陆续增加其他函式库的支援,包括SignalR与WAMP。
领取专属 10元无门槛券
私享最新 技术干货