⚡ XApi HTTP Client

Professional HTTP Debugging & Replay Tool for Chrome

XApi is a high-performance, open-source Chrome Extension (Manifest V3) that brings a powerful, Postman-like experience directly into your browser's DevTools. It specializes in intercepting, debugging, editing, and replaying HTTP requests with unique support for modifying sensitive headers like Cookie and Origin.

📸 Overview

Debug directly while you browse without switching tabs. Manage collections and complex requests in a dedicated window.

https://github.com/user-attachments/assets/490f58f6-b000-49de-80e1-702669052b55

✨ Key Features

🚀 Real-time Interception: Automatically capture Fetch and XHR traffic from the active tab.
🛡️ Sensitive Header Injection: Industry-leading support for overriding Cookie, Origin, and Referer using declarativeNetRequest (DNR) to bypass standard browser security blocks.
📂 Collection Management: Organize your workspace with nested collections and persistent storage.
🔄 Smart Replay: One-click "Send" to replay captured requests with modified parameters or headers.
📥 cURL Integration: Paste raw cURL commands to instantly generate fully editable request objects.

🛠️ Tech Stack

Framework: React 19
Styling: Tailwind CSS
Build Tool: Vite
Language: TypeScript
Core Engine: Chrome Extensions API (Manifest V3 + DNR)

🚀 Getting Started

Installation

1. Via Chrome Web Store (Recommended)

XApi is available on the Chrome Web Store. You can search for XApi directly or use the link below:

Store Link: XApi - HTTP Client & API Test

2. Manual Installation (From Source)

If you prefer to build the extension manually for development purposes:

Clone & Build:

git clone https://github.com/lustan/XApi.git
cd XApi
npm install
npm run build

Load in Chrome:
- Go to chrome://extensions/
- Enable Developer mode (top right)
- Click Load unpacked and select the dist folder.

How to Use

Open Chrome DevTools (F12 or Ctrl+Shift+I).
Switch to the XApi tab.
Interactions on the current page will appear in the Captured history.
Select any request to edit its body, headers, or query params and hit SEND.

🤝 Contributing

We love contributions! Whether it's a bug report, a feature request, or a pull request, we value your input.

Fork the project.
Create your feature branch (git checkout -b feature/CoolFeature).
Commit your changes (git commit -m 'Add CoolFeature').
Push to the branch (git push origin feature/CoolFeature).
Open a Pull Request.

📄 License

Distributed under the Apache 2.0 License. See LICENSE for details.

XApi

Install / Use

README