☰

Show Console Messages

Displays console messages (`console.*`) on screen with styled notifications.

How to install

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

How to install

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
072sfarmer
Daily installs
0
Total installs
45
Ratings
0 0 0
Version
2.0.1
Created
2024-09-10
Updated
2025-12-22
Size
10.9 KB
License
MIT
Applies to

Show Console Messages is a script that displays console.log, console.error, console.warn, console.info, and console.debug messages on the screen.

Features:

  • Real-time display: Shows console messages directly on the page.
  • Styled notifications: Messages are color-coded with icons for easy recognition.
  • Auto-dismiss: Messages disappear after a few seconds with a progress bar.
  • Deduplication: Repeated messages are counted and grouped.
  • Click to dismiss: Manually dismiss messages by clicking.
  • Exclusions: Does not run on localhost.

Perfect for monitoring console output without opening developer tools.

Usage:

  • Add // @match *://*.example.com/* to the first section of the script to enable the notifications on that website.
  • Use // @match *://*/* to enable it on all websites.