Network Debugger Plus

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.