MCP ServersMCP Servers

MCP JS Debugger

Created at 12 days ago

by johngrimes

starstarstarstarstar

Debug JavaScript and TypeScript applications through the Chrome DevTools Protocol with full source map support.

Categories

developer-tools

Tags

mcp-js-debugger

javascript

typescript

debugging

Visit MCP JS Debugger 👉

what is MCP JS Debugger?

MCP JS Debugger is a tool designed to debug JavaScript and TypeScript applications using the Chrome DevTools Protocol, providing full source map support for easier debugging of transpiled code.

how to use MCP JS Debugger?

To use MCP JS Debugger, you can quickly set it up by running the command: claude mcp add mcp-js-debugger -- npx mcp-js-debugger. Then, start your Node.js application with the --inspect-brk flag to enable debugging assistance.

key features of MCP JS Debugger?

  • Set and manage breakpoints in your code.
  • Step through code execution (over, into, out).
  • Inspect call stacks and variable states.
  • Evaluate expressions in any stack frame.
  • Modify variable values during execution.
  • Pause execution on exceptions.
  • Full source map support for debugging transpiled TypeScript and bundled JavaScript.

use cases of MCP JS Debugger?

  1. Debugging complex JavaScript applications in real-time.
  2. Assisting developers in identifying and fixing bugs in TypeScript code.
  3. Enhancing the debugging process for applications running in Node.js, Chrome, or Edge.

FAQ from MCP JS Debugger?

  • Can MCP JS Debugger be used with any JavaScript framework?

Yes! It can be used with any framework that runs on Node.js or in the browser.

  • Is there any setup required before using MCP JS Debugger?

Yes! You need to install it via the command line and start your application with the appropriate flags.

  • Does MCP JS Debugger support debugging of transpiled code?

Yes! It provides full source map support for debugging transpiled TypeScript and bundled JavaScript.

View More