andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add a quick tip for Node.js debugging in Chrome

Browse Source
This commit is contained in:
Angelos Chalaris
2020-07-15 16:10:13 +03:00
parent 6b7f813a82
commit 0504127d01
3 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
blog_images/chrome-debug-node.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
blog_images/nodejs-chrome-debugging.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.2 MiB

20
blog_posts/nodejs-chrome-debugging.md Normal file
View File

@ -0,0 +1,20 @@
---
title: Debugging Node.js using Chrome Developer Tools
type: story
tags: javascript,node,debugging
authors: chalarangelo
cover: blog_images/nodejs-chrome-debugging.jpg
excerpt: Did you know you can use Chrome Developer Tools to debug your Node.js code? Find out how in this short guide.
---
Node.js can be debugged using Chrome Developer Tools since `v6.3.0`. Here's a quick guide on how to do this:
1. Download and install Node.js `v6.3.0` or newer, if you don't already have it installed on your machine.
2. Run node with the `--inspect-brk` flag (e.g. `node --inspect-brk index.js`).
3. Open `about:inspect` in a new tab in Chrome. You should see something like the screenshot below.
4. Click `Open dedicated DevTools for Node` to open a new window connected to your Node.js instance.
5. Use the Developer Tools to debug your Node.js application!
![about:inspect page](./blog_images/chrome-debug-node.png)
**Image credit:** [David Clode](https://unsplash.com/@davidclode?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/code?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)