Console Ninja

About Console Ninja

Console Ninja is a code editor extension that displays console.log output, runtime errors, and network request data directly next to the relevant lines of code, eliminating the need to switch to browser developer tools or a terminal. It works with JavaScript projects and requires no configuration: once the editor and a development server or test runner are running, logged values appear inline. Features include hover tooltips for logged values and errors with navigable stack traces, a chronological log viewer with search, and interactive graphs for exploring runtime data structures.

The tool also includes an MCP server that feeds browser and server errors and logs to AI coding assistants, with support listed for Copilot Agent, Cursor, Claude Code, Windsurf, Cline, and other MCP clients, as well as a dedicated GitHub Copilot Chat integration for delivering error messages, stack traces, and log data.

Console Ninja is distributed as a VS Code extension, made by the Wallaby Team (also known for the Wallaby.js test runner and Quokka.js playground). It offers a free Community edition alongside a commercial Pro edition that adds network logging, logpoints, an enhanced log viewer with filtering and indentation guides, and log mapping by source location.

Key features

• Displays console.log, errors, and network request output inline next to the relevant code in your editor
• Hover tooltips show logged values, full error messages, and navigable stack traces
• Log viewer shows all recorded logs and errors in chronological order with search and clickable links to source code
• Interactive Runtime Value Graphs for visually exploring complex data structures
• Logpoints let you log any expression's value without modifying code, using breakpoints (Pro)

Frequently asked questions