JavaScript - Reduce SeaLights logging for Instrumented code

Overview

In certain cases when debugging instrumented FE code, there will be diagnostic info which is output from SeaLights to the Chrome DevTools.

This document describes how to filter that out, so that the DevTools will show only the relevant information.

Problem

SeaLights outputs diagnostic information to the Network and Console tabs, which could impact debugging efforts of the instrumented application under test.

Solution

The Google Chrome DevTools have some filtering options that allow showing only the relevant requests

Hiding output from the Console Tab

The following image shows all of the events being reported to the console.

Open

To hide a group of events emitting from the same URL, right click the URL and select “Hide messages from URL”:

Open

Alternatively, type -url:<URL prefix> in the filter tab at the top of the Console tab (Red). Note the amount of hidden messages displayed on the top right corner (Orange):

Hiding output from the Network Tab

The following image displays all network requests made by our application, note that all of them are SeaLights related. The Filter option marked in red allows to specify rules that allow us to hide these requests:

To ignore all messages related to SeaLights, in the Filter box, type in -domain:sealights.co.

This will hide all messages related to the sealights.co domain.

Once applied, most of the requests are filtered:

For additional information about other filter options, refer to the official Google Chrome documentation.