Console Log Styler

Styles console.log() output with customizable colors, borders, and visual effects for better debugging visibility.

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
hacker09
1日のインストール数
0
累計インストール数
1
評価
0 0 0
バージョン
2
作成日
2025/09/02
更新日
2025/12/12
大きさ
3.3KB
ライセンス
不明
対象サイト
すべてのサイト
How to Install scripts? (Click here)

If you like my work, please consider supporting it! (Cryptos / Patreon / Ko-Fi / BuyMeACoffee https://cyber-sec0.github.io)

Description

Enhances your debugging experience by customizing console.log output with distinct colors and borders. This script automatically identifies the log source—whether it is the website (Page) or a specific Userscript—and assigns unique colors to different scripts to help you visually distinguish between them.

Key Features:

  • Source Labeling: Automatically extracts and displays the script name (e.g., (My Script): Output).
  • Smart Auto-Coloring: Generates unique, persistent colors for different Userscripts while keeping (Page) logs neutral.
  • Custom Visuals: extensive configuration for border styles (glow, arrows, solid lines) and accent colors.