parallelv2 / node-network-devtools

Inspecting Node.js's Network with Chrome DevTools✨

Node Network Devtools

🔮 Use chrome network devtool to debugger nodejs

🦎 Similar web crawler experience to browsers

⚙️ Powered by CDP

---

English | 简体中文

📖 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.

🎮 TODO

• HTTP/HTTPS
  • req/res headers
  • payload
  • json str response body
  • binary response body
  • stack follow
    • show stack
    • click to jump
• WebSocket
  • messages
  • payload
  • ...
• Compatibility
  • commonjs
  • esmodule

👀 Preview

📦 Quick Start

1. Install

# npm
npm install node-network-devtools -D
# or pnpm
pnpm add node-network-devtools -D
# or yarn
yarn add node-network-devtools -D

2. Config

Add this code to your .gitignore file.

request-center.lock

2. Usage

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

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

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

📚 Documentation

If you encounter any problems, you can try cleaning the request-center.lock file