Launching today: WebSocket Inspector!
We just launched a brand new WebSocket inspector in Jam. We built it to rival Chrome dev tools - but added our own twists too:
You can watch WebSocket connections playback in real time alongside the screen recording of a bug:
![](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8bc230bc-1143-4480-8db5-91b8852c869c_764x480.gif)
Fully inspect and filter every WebSocket message, with full regex support:
![](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fcd88cdb7-1734-4a41-be61-66e7c5797cd2_448x480.gif)
View WebSocket messages pretty printed with one click to copy:
![](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fe5ece485-3984-4a09-8a32-cf7670a04797_448x480.gif)
Timestamp support front and center - with UTC and relative video timestamps:
![](https://substackcdn.com/image/fetch/w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5eb4c49f-8e28-4980-8567-13738ef3a650_448x480.gif)
Due to the long-lived nature of WebSockets, building this required a total re-think of how the Jam extension handles parsing and merging developer logs.
Preston Pham (lead engineer) & Cyrus Roshan (product manager) demo and discuss the code/architectural decisions behind the scenes:
PS If you like WebSocket jokes, do we have the blooper reel for you: Watch Bloopers
PPS WebSocket support is available on all Chromium browsers: Chrome, Arc, Edge, and Opera…but not Brave. Because of mundane technical reasons.