Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【开源自荐】node-network-devtools: 弥补 node inspect 无法监听 fetch、websocket、http 的工具 #4572

Open
GrinZero opened this issue Jun 4, 2024 · 0 comments

Comments

@GrinZero
Copy link

GrinZero commented Jun 4, 2024

推荐项目

  • 类别:JS
  • 项目标题:node-network-devtools - Inspecting Node.js's Network with Chrome DevTools✨
  • 项目描述:
    node-network-devtools是面向 node 开发者的工具库,用于在调试标签中增加对请求的显示。这小小的一个能力,实际上是从九年前就在社区中提出,但是由于未能与 Chrome 开发团队达成共识以及多种原因最终 delay 到今天仍没有完成的能力。 直到本项目完成首版本之后,node 社区开始根据本库的思路进行了开发,并在 v22.6.0 版本上线了初步功能( node 官方实验性地支持了对基于 http/https 库的请求的调试)。
  • 亮点:
  1. node-network-devtools额外支持了调用堆栈跟踪的能力。
  2. 支持远程调试、容器内调试。
  3. 多进程隔离上下文,有更友好的热重载调试体验。
  4. node-network-devtools 能兼容社区中任何的请求库,包括 axios、socket.io、request、got 等
  5. 支持 fetch 请求的调试。
  6. 支持 websocket 的调试。
  7. 相比其他社区同类型项目,node-network-devtools 直接通过 CDP 在开发者最熟悉的 Chrome Devtools 上显示信息,而非自定义 UI。
  • 示例代码:(可选)
import { register } from 'node-network-devtools'

process.env.NODE_ENV === 'development' && register()
  • 截图:(可选)gif/png/jpg
image
  • 后续更新计划:
  1. 增加对 http 服务端的支持
  2. 基于 SQLite 或者其他持久化技术,防止内存占用过大。
@GrinZero GrinZero changed the title 【开源自荐】用Chrome Devtools调试NodeJs爬虫 【开源自荐】用 Chrome Devtools 调试 NodeJs 网络请求 Aug 14, 2024
@GrinZero GrinZero changed the title 【开源自荐】用 Chrome Devtools 调试 NodeJs 网络请求 【开源自荐】node-network-devtools: 弥补 node inspect 无法监听 fetch、websocket、http 的工具 Oct 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant