HTTP Request Builder
Convert DevTools network requests into code for fetch, axios, curl, Node.js, and Python
How to Copy from DevTools
Chrome/Edge/Brave:
- Open DevTools (F12) → Network tab
- Click on any request
- Right-click → Copy → Copy as fetch
- Paste into the input field above
Firefox:
- Open DevTools (F12) → Network tab
- Right-click on request → Copy Value → Copy as Fetch
- Paste into the input field above
Safari:
- Open Web Inspector → Network tab
- Right-click on request → Copy as Fetch
- Paste into the input field above
fetch("https://example.com", {
"headers": {
"accept": "application/json"
},
"method": "GET"
})
Example of expected format
About the HTTP Request Builder
Convert browser DevTools network requests into ready-to-use code snippets for popular HTTP client libraries. Simply copy request data from your browser's network tab and instantly generate working code for fetch, axios, curl, and more.
Features:
- Support for multiple HTTP client libraries
- Parse headers from DevTools format
- Extract URL, method, and request body
- One-click copy to clipboard
- Syntax highlighting for better readability
- Generate code for 18 different languages and libraries
Supported Libraries:
- JavaScript: fetch, axios, XHR, jQuery
- Node.js: native https module
- Python: requests, http.client
- PHP: cURL, Guzzle
- Go: net/http
- Java: HttpClient (Java 11+)
- C#: HttpClient
- Ruby: Net::HTTP
- Swift: URLSession
- Kotlin: HttpURLConnection
- Rust: reqwest
- R: httr
- cURL: command line
How to Use:
- Open DevTools (F12) in your browser
- Go to the Network tab
- Right-click on any request and select "Copy as fetch"
- Paste the code into the input field
- Select your desired output format
- Copy the generated code snippet
Use Cases:
- Quickly reproduce API requests in different languages
- Debug and test API endpoints
- Create API documentation examples
- Learn how to make HTTP requests in various libraries
- Convert between different HTTP client formats