Usage Guide
Request Runner - Usage Guide
A comprehensive guide to using the Request Runner Chrome Extension for testing and debugging APIs directly in Chrome DevTools.
Getting Started
Installation
- Install Request Runner from the Chrome Web Store
- Once installed, the extension will be ready to use
Accessing Request Runner
- Open any webpage in Chrome
- Open Chrome DevTools by pressing
F12or right-clicking and selecting Inspect - Look for the "Request Runner" tab in the DevTools panel
- Click on it to open the Request Runner interface
Basic Usage
Making a GET Request
- Select GET from the method dropdown
- Enter a URL in the URL field (e.g.,
https://api.github.com/users/octocat) - Click Send
- View the response in the Response section below
The response will show:
- Status code (e.g., 200, 404, 500)
- Response headers
- Response body (formatted JSON when applicable)
- Response time
Making a POST Request
-
Select POST from the method dropdown
-
Enter a URL (e.g.,
https://api.example.com/users) -
Expand the Headers section and add headers as JSON:
{ "Content-Type": "application/json", "Authorization": "Bearer your-token" } -
Expand the Body section and add your request body:
{ "name": "John Doe", "email": "john@example.com" } -
Click Send
Supported HTTP Methods
Request Runner supports all standard HTTP methods:
- GET - Retrieve data
- POST - Create new resources
- PUT - Update entire resources
- PATCH - Partial updates
- DELETE - Remove resources
- HEAD - Get headers only
- OPTIONS - Get allowed methods
Viewing Request History
- Click the History button in the toolbar
- Browse all your previous requests
- Click on any history item to load it back into the form for editing or re-running
- Use the search/filter to find specific requests
- Click Clear to remove all history (Pro users: history is unlimited)
Copying Requests as Code
Request Runner can generate code snippets from your requests:
Free Tier
- Copy cURL - Copy the request as a cURL command
Pro Tier
- Copy cURL - Copy as cURL command
- Copy fetch - Copy as JavaScript fetch code
- Copy axios - Copy as axios code with proper syntax
After clicking any copy button, it will show "✓ Copied" when successful. The code can be pasted directly into your projects.
Import from Network Tab (Pro Feature)
Capture requests directly from Chrome's Network tab:
- Open the Network tab in Chrome DevTools
- Perform actions on the webpage to capture network requests
- Switch back to the Request Runner tab
- Click the Import Last button in the toolbar
- The last captured request (XHR/Fetch) will be automatically imported, including:
- URL
- HTTP method
- Headers
- Request body
Captured JSON bodies are automatically prettified for easier editing.
Note: Free users can see the last captured request but need a Pro license to import it.
Pro Features
Environment Variables
Manage different configurations for development, staging, and production:
- Go to the Options page (chrome://extensions → find Request Runner → Options)
- Navigate to the Environments tab
- Click + New Environment
- Create an environment with variables:
BASE_URL:https://api.example.comAPI_KEY:your-api-keyTOKEN:your-auth-token
- In the Request Runner panel, select the environment from the dropdown
- Use variables in your requests with
{{VARIABLE}}syntax:- URL:
{{BASE_URL}}/users - Headers:
{"Authorization": "Bearer {{TOKEN}}"} - Body:
{"apiKey": "{{API_KEY}}"}
- URL:
Variables are automatically substituted when you send the request.
Free Tier: 1 environment with up to 3 variables
Pro Tier: Unlimited environments and variables
Folders & Collections
Organize your requests into logical groups:
- Click + Folder to create a new folder
- Give it a name (e.g., "Authentication", "User Management")
- Select the folder from the dropdown before sending a request
- Requests are automatically organized by folder in your history
- Filter and search by folder
Free Tier: 1 folder with up to 5 requests
Pro Tier: Unlimited folders and requests per folder
Export/Import
Backup and share your request collections:
- Click Export to download all request history as JSON
- Share the JSON file with your team
- Click Import to load requests from a JSON file
- All requests, folders, and metadata will be restored
Pro Feature Only
Request History Limits
- Free Tier: Last 10 requests are saved
- Pro Tier: Up to 5,000 requests
Older requests are automatically trimmed to stay within limits.
License Activation (Pro Features)
To unlock Pro features:
- Go to the Options page (chrome://extensions → find Request Runner → Options)
- Navigate to the License tab
- Click Buy License to purchase a Pro subscription
- Enter your email and license key from your purchase receipt
- Click Activate Pro Features
- Pro features will be unlocked immediately
You can purchase licenses on Gumroad.
Tips & Tricks
Quick Testing
- Use the history panel to quickly re-run previous requests
- Click on any history item to load it back for modification
- Duplicate and modify requests for testing variations
Variable Substitution
- Use
{{VARIABLE}}syntax in URLs, headers, and body - Variables are case-sensitive
- Missing variables will show an error before sending
JSON Formatting
- Request bodies are automatically validated as JSON
- Invalid JSON will be highlighted before sending
- Response JSON is automatically prettified
Response Analysis
- View response status codes, headers, and body in organized sections
- Response times help identify slow endpoints
- Use response diffing (Pro feature) to compare responses
Error Handling
- Network errors show in red with detailed error messages
- Invalid JSON in headers is caught before sending
- Missing environment variables are detected before execution
- CORS errors will display clearly
Troubleshooting
Extension Not Appearing in DevTools
- Make sure the extension is enabled in
chrome://extensions/ - Close and reopen DevTools completely
- Try refreshing the webpage
- Check that you're looking in the correct DevTools panel
Copy to Clipboard Not Working
- Make sure you're clicking the button directly (user gesture required)
- Check your browser's clipboard permissions
- Try a different copy method (cURL vs fetch)
- Check the browser console for any error messages
Requests Failing
- CORS Errors: The target API may not allow cross-origin requests from Chrome extensions. This is an API server limitation, not an extension issue.
- Invalid URL: Verify the URL is correct and includes the protocol (http:// or https://)
- Invalid Headers: Ensure headers are valid JSON format
- Network Issues: Check your internet connection and firewall settings
History Not Saving
- Free tier is limited to the last 10 requests
- Check that you have storage permissions enabled
- Upgrade to Pro for unlimited history (up to 5,000 requests)
Environment Variables Not Working
- Ensure you've selected an environment from the dropdown
- Check that variable names match exactly (case-sensitive)
- Verify variables are defined in the selected environment
- Use
{{VARIABLE}}syntax with double curly braces
License Issues
- Verify your email and license key are correct
- Check your internet connection (license verification requires online access)
- Ensure your license hasn't expired (for subscription licenses)
- Try clearing and re-entering your license in Options
Keyboard Shortcuts
F12- Open DevTools (then select Request Runner tab)- More shortcuts coming soon
Support
For additional help:
- Check the Options page → About tab for support links
- Review this usage guide for common questions
- Contact support through the extension's support channels
Note: Request Runner stores all data locally in your browser. Your request history, environments, and license information remain private and are not transmitted to external servers except for license verification.