A lightweight Chrome extension that provides real-time monitoring of all network requests made by any webpage you're browsing — perfect for developers, testers, and curious techies.
- 🔍 Tracks XHR, Fetch, Script, and other network requests
- 🧭 Displays a floating widget on any webpage with live updates
- 🔄 Switch tabs and view request logs specific to each one
- ⏱️ View method, URL, and status of each request
- 💡 Works without needing to open Chrome DevTools
- Debug APIs while navigating any frontend
- Monitor third-party requests, scripts, and trackers
- Analyze dynamic content loads on SPAs
- Inspect request patterns during performance tests
- Clone or download this repo.
- Open Chrome and go to
chrome://extensions/
- Enable Developer Mode (top right toggle).
- Click Load Unpacked and select the folder containing this extension.
How.to.Setup.mp4
- The background script listens to all network requests using Chrome's
webRequest
API. - It stores the request info tab-wise in local storage.
- The content script injects a widget into the webpage that fetches and displays this data.
- When you switch tabs, the widget updates accordingly.
"permissions": [
"webRequest",
"tabs",
"storage",
"scripting",
"<all_urls>"
],
"host_permissions": [
"<all_urls>"
]
- Chrome Manifest V3 does not allow request blocking — this extension is read-only.
- Some browser pages (e.g.,
chrome://
, PDFs, extensions) won't inject the widget. - The widget shows only for sites loaded after extension installation.
⚠️ Note: This extension is optimized for Google Chrome. It may not function correctly in other Chromium-based browsers like Edge, Brave, or Opera due to slight API differences or security restrictions.