โ‰ 

Visual API Diff
Across Environments

Intercept API calls. Replay against local, staging, production. See exactly what's different โ€” in one click.

DevTools PanelJSON DiffSchema DriftCross-Browser
GitHub RepoDocumentation
3
Environments
0
Config Needed
โˆž
Endpoints
<1s
Diff Time

Intercept. Replay. Diff.

๐Ÿ” Auto-Intercept

Captures all JSON API calls on the current page via DevTools Network API. Zero setup.

๐Ÿ”„ Multi-Environment Replay

Replay any request against local, staging, production simultaneously with custom auth headers.

๐ŸŽจ Visual JSON Diff

Color-coded: green (added), red (removed), yellow (changed). Nested paths shown clearly.

โš ๏ธ Schema Drift

Detects when response structure differs โ€” missing fields, type changes, extra data.

โฑ๏ธ Timing Comparison

Response time per environment. Spot degradation instantly.

๐ŸŒ Cross-Browser

Works in Chrome, Firefox, and Edge DevTools panels.

Get Started

git clone https://github.com/rishapgandhi/api-diff-inspector && cd api-diff-inspector && npm install --legacy-peer-deps && npm run dev

Open DevTools โ†’ "API Diff" tab

Stop Eyeballing JSON

Let the diff engine do it for you.

Get Started