Network Debugger Plus

About

Network Debugger Plus (ND+) is a powerful Chrome DevTools extension for debugging and inspecting network requests, offering interactive JSON tree views that automatically parse and present request and response payloads in a clear, structured format.

Extension developed by: Max Shtefan

🔍 KEY FEATURES:

   • NEW FEATURE: Click icon to launch and try the side panel.

   • Real-Time Network Monitoring
     Capture and display network requests as they happen in real-time. No need to wait for pages to fully load - see request details immediately.

   • Advanced Filtering
     Filter requests by URL keywords with persistent search. Your filter preferences are saved and restored when you reopen DevTools.

   • Interactive JSON Tree View
     Automatically parse and display JSON payloads in a clean, collapsible tree structure. Expand and collapse objects and arrays with a single click.

   • Form Data Parser
     Parse and display form data (URL-encoded and multipart) in organized key-value tables. Nested JSON within form data is automatically parsed into tree views.

   • Resizable Columns
     Adjust column widths to fit your workflow. All columns are independently resizable with intuitive drag handles.

   • Dark Mode Support
     Toggle between light and dark themes with a beautiful night sky button. Your preference is saved across sessions.

   • Request Cancellation Detection
     Automatically detect and highlight canceled requests with red styling. Cancel pending requests by pressing ESC.

   • Quick URL Access
     Double-click any request to open its URL in a new tab for quick navigation.

   • Smart Highlighting
     Highlight specific form data values with persistent checkboxes. Your highlights are saved and restored.

   • Responsive Layout
     Resizable request panel allows you to customize the layout to your preference.

🎯 PERFECT FOR:
   • Analysts and Business Intelligence Teams
   • Frontend developers debugging API calls
   • Backend developers testing endpoints
   • QA engineers inspecting network traffic
   • Anyone who needs detailed network request analysis

📊 WHAT YOU GET:
   • Complete request/response headers
   • Parsed payload visualization
   • Status code tracking
   • Request size information
   • Content type detection
   • Real-time updates

⚡ EASY TO USE:
   1. Open Chrome DevTools (F12)
   2. Click on the "Network Debugger Plus" tab
   3. Start inspecting network requests immediately
   4. NEW FEATURE: Click icon to launch a side panel


All data is processed locally in your browser - no external servers, no tracking, complete privacy.