The DevTools of Firefox browser received a new WebSocket Inspector. Already in the short before the Release of the Version 70 of the web browser, the Tool should be included in the Developer Edition.
WebSockets are a handy thing. While HTTP-Requests need for each action, a server, a preceding request, make WebSockets a permanent connection between the application and the Server. A single request by the client is not sufficient, therefore, to permanently information from the server to retrieve in real time. Other communication variants, such as, for example, the Polling in which the Server receives in a specific interval requests for new information, cause a far higher volume of data. This is not applicable in the case of WebSockets.
Firefox‘ new WebSocket Inspector
Mozilla's DevTools Team on the Blog tells, has worked in recent months to a WebSocket Inspector for the Firefox Browser. The new Feature will be released with the next Release of Firefox, so Version 71,. However, already Firefox 70 will contain the WebSocket Inspector, if only in the Developer Edition. Developers can either work directly with the API, or a number of Libraries rely. This can be, for example, in the case of link failures, Proxies, authentication, authorization, and scalability helpful.
The Tool is already part of the UI Network panel of the DevTools. For open Connections, it is possible to filter the contents in this Panel. So far, however, there was no way, actually by the WebSocket Frames transmitted display data.
Currently supports the Service, the protocols Socket.IO and SockJS, already in the works is Support for SignalR and WAMP. The now published Version should be according to the developer Team as soon as possible be published to the Wishes of the user to comply with. Future Releases should contain according to the Plan, a binary Payload Viewer, the display of closed Compounds and the Export of WebSocket Frames.
How do WebSockets?
WebSocket to TCP (Transmission Control Protocol) - based, bi-directional Connections between an application and the Server. They consist of an API and the Protocol uses by default, the HTTP Ports 80 and 443. After a one-time request to the Server, the opened connection and the Server without further interaction from the client, the transfer of data. One speaks in this case of an asynchronous data transfer.
for More information and a guide to the Firefox WebSocket Inspector on Mozilla Blog available.