Use the Chrome DevTools to debug a Node.js app

Announcement 📣 next week, on Feb 26, I'll launch my JavaScript Fundamentals course. 10 modules, 91 lessons, 5 weeks of course. You can signup Feb 26, Feb 27 and Feb 28, then I'll close the registrations. Every day I will send you an email with questions and I read every reply you send me, and I will reply with suggestions. Sign up here and I'll shoot you an email when it's live! 🔥 ⤵️

Learning Node? Download my free Node Handbook 🔥

With client-side code it’s easy to start debugging some piece of code - just open the Chrome DevTools on any page, and start writing client-side JavaScript.

How can we do the same with Node.js code, and debug Node modules with access to the filesystem and other Node.js capabilities? It’s very simple, actually.

Open your terminal and run

node --inspect

Then in Chrome type this URL: about://inspect.

Click the Open dedicated DevTools for Node link next to the Node target, and you’ll have access to Node.js in the browser DevTools:

Make sure you click that, and not the inspect link down below, as it tool auto-reconnects to the Node.js instance when we restart it - pretty handy!

If the question is why we want to do that, it’s pretty simple: there’s no better way to debug any JavaScript code than using the DevTools and their tools. We have access to the profiler, all the stack visualization information, the code navigation facilities, a very cool debugger and much more!