/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(129) Using Inline Breakpoints for an improved debugging experience Better Web Page Audits with Lighthouse (131)

Chrome DevTools: A New and Improved Workflow for Debugging a Node.js Webapp

19 January 2017
A New and Improved Workflow for Debugging a Node.js Webapp

Here are some nice things you said about Dev Tips. Thanks!

The Canary DevTools provides a much improved Node.js debugging experience. We have already explored Node.js debugging with DevTools (Tip #119) but the workflow has now been improved.

From Node v7, run your webapp like this:

node --inspect server.js

While you are debugging your webpage, you can quickly switch to Node.js debugging via the Sources Panel. Click "Connect" where you see "Node Instance Available" to start your Node.js debugging session. A new DevTools window opens up where you have usual JavaScript debugging functionality.

Update: The drag and drop panel feature is in Chrome Stable!

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.