GrinZero / node-network-devtools

Inspecting Node.js's Network with Chrome DevTools✨
https://grinzero.github.io/node-network-devtools/
MIT License
44 stars 3 forks source link
browser chrome chrome-devtools chrome-devtools-protocol devtools inspect inspector javascript monitor network node nodejs


Node Network Devtools

🔮 Use chrome network devtool to debugger nodejs

🦎 Similar web crawler experience to browsers

⚙️ Powered by CDP

NodeJs Chrome TypeScript


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.

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

🎮 TODO

👀 Preview

img

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

Visitors