Request Mapper

About

🔍 Click any element on a page and instantly find out which network request produced the data it displays.

Request Mapper intercepts all fetch and XMLHttpRequest traffic, then uses a smart correlation engine to match the selected element's text, attributes, and data to the captured requests — ranked by confidence.

✨ Key Features
• 🖱️ Click-to-inspect: hover over any element, click to select, and see matching requests instantly
• 🧠 Smart matching: 8 correlation strategies including exact, numeric, token, URL parameter, request body, and more
• 📊 Ranked results: requests scored by confidence with noise filtering and multi-field bonuses
• 📌 Side panel: open a persistent full-height panel for a better view with live updates
• 🌳 JSON viewer: expand/collapse response and payload trees with search highlighting
• 📋 Copy as cURL: one-click copy of any matched request as a cURL command
• 🌗 Light & dark mode: follows your system theme automatically

⚙️ How It Works
1️⃣ A network interceptor captures all fetch/XHR traffic on the page
2️⃣ Click the extension icon and start inspecting
3️⃣ Hover and click any element on the page
4️⃣ The engine scores every captured request against the element's content
5️⃣ Results appear ranked by confidence in the popup or side panel

🎯 Match Strategies
— 🟢 Exact: case-sensitive text match (highest confidence)
— 🔵 Case-insensitive: exact match ignoring case
— 🟣 Numeric: strips currency symbols and formatting to compare numbers
— 🟠 Partial: substring containment
— 🟡 Token: word-boundary matching for multi-word values
— 🩵 Key-Attribute: JSON key names matching element attribute names
— 💙 URL Parameter: query parameter values matching element text
— 💜 Request Body: request payload fields matching element data

🛠️ Perfect For
• 👨‍💻 Frontend developers debugging API integrations
• 🧪 QA engineers tracing where data comes from
• 🔎 Anyone who wants to understand how a page's content maps to network requests

🌐 Works on all websites. 🔒 No data leaves your browser.