Skip to main content

Console Logs Tab

The Console Logs tab provides a structured view of all console messages generated during a trace run. It helps users monitor application behavior, debug issues, and inspect logs produced by the browser or application code.

F
Written by Flakron Bajrami
Updated today

Overview

This view is especially useful for:

  • Debugging frontend issues

  • Inspecting application logs (INFO, DEBUG, etc.)

  • Tracking errors and warnings during execution


Layout

The page consists of three main sections:

  1. Filters Bar (top)

  2. Logs Grid/Table (center)

  3. Load More & Counters Summary (bottom)


Filters


Filter by Level

  • Dropdown labeled “Level”

  • Filters logs based on severity/type of message

Typical values include:

  • INFO

  • DEBUG

  • WARN

  • ERROR

Use this filter to quickly focus on important logs (e.g., only errors).



Entries Per Page

  • Dropdown on the right side (e.g., 25 entries per page)

  • Controls how many rows are displayed in the grid

Typical options:

  • 25

  • 50

  • 100

Changing this resets pagination and reloads the grid.


Logs Grid

The grid displays console messages in a structured table.

Columns

  • Sequential index of the log entry


Level

  • Indicates the severity/type of the log

  • Examples:

    • INFO

    • DEBUG

    • ERROR


Message

  • The actual console log message

  • May include:

    • Application logs

    • Browser warnings

    • Third-party logs (e.g., analytics tools)

  • Long messages are truncated with an option to expand and view full content


Date

  • Timestamp when the log was generated

  • Displayed in a readable date-time format


Row Behavior

  • Each row represents a single console log entry

  • Messages can be expanded to view full details

  • Rows are read-only (no inline editing)


Load More Functionality


At the bottom of the grid, a Load More button allows users to incrementally load additional records.

How It Works

  • Clicking Load More loads one additional page of records

  • The number of records loaded depends on the internal page size

This allows efficient handling of large volumes of console logs.


Behavior Notes

  • Newly loaded records are appended to the existing list

  • Previously loaded logs remain visible

  • The button can be used multiple times until all logs are loaded

  • Once all logs are displayed, the Load More button is hidden or disabled


Summary

At the bottom of the grid:

  • Displays a summary such as:
    “Showing 25 of 1050 log(s)”

  • Indicates:

    • Number of currently visible logs

    • Total number of logs available

As Load More is used, the visible count increases accordingly.


Availability Across the Platform

The Console Logs tab is available in the same locations as the Network Logs tab:

  • Web Client (Trace Details Modal)

  • Editor

  • History Report

Did this answer your question?