DT
DevTrace
Developer Network Inspection Tool
v1.0.0

Inspect page requests, debug APIs, and export resources without sending data off-device.

DevTrace is built for developers who need a focused network inspection workflow inside Chrome. It captures requests after you start a session, filters noise, helps analyze resource loading behavior, and exports selected assets with preserved structure. All processing stays local to the browser profile.

Open GitHub Repository View Help & Support
Local-only processing
Runtime host permissions
API debugging
Resource analysis
Structured export

Why DevTrace

The extension should be presented as a developer tool, not a generic data harvester. Its single purpose is to help developers inspect network activity, troubleshoot APIs, and analyze resource loading workflows in a controlled, user-initiated session.

01

Focused Network Inspection

Capture requests for a target domain, subdomains, all domains, or an explicit whitelist while keeping the workflow understandable and developer-facing.

02

API & Asset Debugging

Inspect live request streams, review status and type, then export selected request URLs or assets when you need to reproduce or troubleshoot issues.

03

Privacy-Conscious Design

No built-in analytics, no external upload pipeline, and no background data sharing. Captured session state and download markers remain local.

04

Structured Export

Export selected resources into domain/path layout. If direct folder access is restricted, DevTrace falls back to the browser download pipeline.

Core Workflow

  1. 1
    Enter a target URL.

    Open the extension popup and specify the page you want to inspect.

  2. 2
    Start a fresh capture session.

    DevTrace automatically stops the previous capture state, clears the active session, requests host access, and reloads the current tab.

  3. 3
    Inspect live traffic.

    Requests appear in real time with filters for domain, status, and type. Popup and detached window modes are both supported.

  4. 4
    Export what you selected.

    Export JSON for debugging workflows or export resources into a chosen folder while preserving directory structure when possible.

Important Notes

DevTrace captures requests that happen after capture begins. It cannot reconstruct requests that already completed before the listener became active.
  • Local-only data: request state and download markers are stored in the browser profile, not transmitted to external servers.
  • Runtime permissions: host access is requested when you start a capture for a chosen site.
  • Session reset behavior: clicking Start creates a fresh active-domain session so old results do not silently bleed into the new run.
  • Persistent download markers: completed resource states remain visible after popup reopen and page refresh.

Installation

If the Chrome Web Store listing is not yet live for your environment, use manual installation from the repository source:

  1. Download the extension source or release package from GitHub.
  2. Open chrome://extensions/.
  3. Enable Developer mode.
  4. Click Load unpacked.
  5. Select the extracted extension folder.