Node Network Devtools

🔮 Use chrome network devtool to debugger nodejs

🦎 Similar web crawler experience to browsers

⚙️ Powered by CDP

---

📖 Introduction

As you can see, the node program opened with the --inspect option does not support network tags because it does not proxy user requests.
Node network devtools is designed to address this issue by allowing you to debug requests made by nodejs using the network tab of Chrome devtools, making the debugging process equivalent to a web crawler experience in the browser.

Node v22.6.0 experimentally supports network debugging. This library supports use before node v22.6.0, but the specific supported versions are unknown.

🎮 Features

- [x] HTTP/HTTPS
- [x] req/res headers
- [x] payload
- [x] json str response body
- [x] binary response body
- [x] stack follow
- [x] show stack
- [x] click to jump
- [x] base
- [x] Sourcemap
- [x] WebSocket
- [x] messages
- [x] payload
- [x] headers
- [ ] Compatibility
- [x] commonjs
- [x] esmodule
- [ ] Bun
- [ ] Deno -- Maybe nice to PR to Deno
- [ ] Undici
- [ ] undici.request
- [x] undici.fetch

👀 Preview

!img

📦 Quick Start

$3

``bash

`npm`


npm install node-network-devtools -D
or pnpm

pnpm add node-network-devtools -D
or yarn

yarn add node-network-devtools -D


$3
Just add the following code to the entry file of your project.

`typescript import { register } from 'node-network-devtools'

process.env.NODE_ENV === 'development' && register()``

!Visitors