The webQsee Analyzer

webQsee allows you to focus on the relevant browser communication by offering a wide variety of grouping, sorting and filtering possibilities. It is able to sniff network communication of an inspected browser tab and also its console output. The sniffed data is referred to as "Events" by webQsee.

The Event Groups Grid

In the Event Groups Grid of the Analyzer page, network communication is automatically grouped by domain and http method. Console output is grouped in a dedicated row labeled "Console Capture". Websocket Connections and Server-Sent-Events will also have their own group.

The Event Types Grid

Right to the Event Groups Grid, all communication of the selected domain is grouped by Event Type and status. In case of http Events, the default Event Type is the mimeType of the transferred data, prepended by the http response status. Analyzer Event Classification Rules allow the definition of custom Event Types though.

The Events Grid

Here the network communication (Http Events, WebSocket Events, Server-Sent-Events) and Console output (Console Events) is listed. If a row is selected in the Event Groups or Event Types grid, the content of the Events Grid is automatically filtered based upon this selection.

The first row of the grid holds the column descriptions and an indicator for sorting and filtering. You can even sort by multiple columns by holding the shift button while clicking a column header.

The second row allows you to manipulate the filter setting.

The subsequent rows display the captured events according to the current sort and order criterias.

The footer of the grid shows the number of events currently captured on the left side. On the right side you see the number of events that match the current filter combination.

The powerful export functions are described here.

The Pause button on the bottom right immediatly stops updating all Analyzer Grids. In the background webQsee continues capturing  events. Once Pause Mode is ended by toggling the button again, all captured events are displayed.

Each event in the events grid also provides detailed information on this event by clicking the cells in the leftmost column.
After clicking a cell in the leftmost column of the events grid, you can quick-navigate through the events using the up- and down-arrows of your keyboard while staying in the leftmost column.

Details of an HTTP Event:

Details of a Console Event:

Details of a WebSocket Connection: