DEVTOOLS Tab β
The main scrapper panel. Always running β capture starts the moment you navigate anywhere in the BROWSER tab.
Overview β
Unlike browser DevTools that you have to open manually, Nothing Browser's DEVTOOLS tab captures everything automatically from the first request.
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β DEVTOOLS β BROWSER β YOUTUBE β TECH HOUSE β PLUGINS β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β NETWORK [247] β WS [12] β COOKIES [38] β STORAGE [4] β EXPORT β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β β
β POST 200 Fetch 1.2k https://api.example.com/v1/data β
β GET 304 Script - https://cdn.example.com/app.js β
β GET 200 Image 45k https://cdn.example.com/logo.png β
β WS OPEN - - wss://socket.example.com β
β β
β [COPY HEADERS] [COPY RESPONSE] [AS CURL] [AS PYTHON] [DOWNLOAD] β
β β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββSub-Tabs β
| Tab | What It Shows | Live Count |
|---|---|---|
| NETWORK | All HTTP requests and responses | NETWORK [247] |
| WS | All WebSocket frames | WS [12] |
| COOKIES | All cookies with set-by request info | COOKIES [38] |
| STORAGE | All localStorage and sessionStorage writes | STORAGE [4] |
| EXPORT | Code generator for Python, cURL, JS, raw HTTP | β |
NETWORK Tab β
Captures every HTTP request and response in real time.
What You See β
| Column | Description |
|---|---|
| Method | GET, POST, PUT, DELETE, PATCH |
| Status | 200, 304, 404, 500, etc. |
| Type | Fetch, XHR, Script, Doc, Img, WS |
| Size | Response size (bytes/KB) |
| URL | Request URL (truncated) |
Detail Panel β
Click any request to see:
- Summary + Headers β Firefox-style view with decoded query params
- Response β Full server response (JSON formatted)
- Raw β Raw HTTP/1.1 representation
Live Counter β
The tab label shows the number of captured requests:
NETWORK [247] β 247 requests captured so farButtons β
| Button | Action |
|---|---|
| COPY HEADERS | Copy request + response headers |
| COPY RESPONSE | Copy response body |
| AS CURL | Generate cURL command |
| AS PYTHON | Generate Python requests script |
| DOWNLOAD | Save full request/response to file |
Filtering β
| Filter | Example |
|---|---|
| URL search | /api/v1 |
| Method | POST |
| Status | 200, 404 |
| Type | fetch, xhr, script |
Full Network Inspector documentation β
WS Tab (WebSocket) β
Captures all WebSocket frames in real time.
What You See β
| Column | Description |
|---|---|
| Time | Timestamp |
| Direction | UP SENT (green) or DN RECV (blue) |
| Type | Text, Binary, Open, Close |
| Size | Frame size in bytes |
| Preview | First 50 characters |
Frame Types β
| Direction | Label | Color |
|---|---|---|
| Outgoing | UP SENT | π’ Green |
| Incoming | DN RECV | π΅ Blue |
| Open | OPEN | π‘ Yellow |
| Close | CLOSED | π΄ Red |
Detail Panel β
Click any frame to see:
- Formatted β JSON pretty-printed (if applicable)
- Hex dump β For binary frames
- Raw β Raw text
Binary Frames β
Binary frames show a hex dump with ASCII preview:
0000 48 65 6c 6c 6f 20 57 6f 72 6c 64 0a 00 00 00 00 Hello Wo rld.....
0010 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 ........ ........Click DOWNLOAD to save the raw binary frame.
Full WebSocket Capture documentation β
COOKIES Tab β
Captures every cookie the moment it is set.
What You See β
| Column | Description |
|---|---|
| Name | Cookie name (orange = HttpOnly) |
| Value | Full cookie value |
| Domain | Cookie domain |
| Path | Cookie path |
| Expires | Expiry date or "Session" |
Set-By Request β
Click any cookie β Set-By Request sub-tab shows:
- The exact HTTP request that set the cookie
- Full URL and headers
This is the most important feature β you see exactly which API call created the cookie.
Copy All Cookies β
Click COPY ALL JSON to export all cookies as JSON:
{
"session_id": "abc123...",
"csrf_token": "xyz...",
"_ga": "GA1.2..."
}Full Cookie Inspector documentation β
STORAGE Tab β
Shows every localStorage.setItem() and sessionStorage.setItem() call in real time.
What You See β
| Column | Description |
|---|---|
| Type | localStorage (purple) or sessionStorage (blue) |
| Origin | Domain that set the item |
| Key | Storage key name |
| Value | Stored value (truncated) |
Color Coding β
| Storage Type | Color |
|---|---|
localStorage | π£ Purple |
sessionStorage | π΅ Blue |
Detail Panel β
Click any item to see:
- Full value (untruncated)
- Timestamp
- Origin details
EXPORT Tab β
Generate ready-to-run code from any captured request.
How to Use β
- Select a request from the NETWORK tab
- Go to EXPORT tab
- Choose format from dropdown
- Click GENERATE
- Click COPY or DOWNLOAD
Supported Formats β
| Format | Library | Use Case |
|---|---|---|
| Python (requests) | requests | Standard Python scraping |
| Python (curl_cffi) | curl_cffi | Chrome TLS fingerprint |
| cURL | curl | Terminal / shell scripts |
| JavaScript | fetch | Browser / Node.js |
| Raw HTTP | β | Debugging |
Example Output (Python) β
import requests
url = "https://api.example.com/v1/data"
headers = {
"Authorization": "Bearer token123",
"Content-Type": "application/json"
}
cookies = {
"session_id": "abc123"
}
response = requests.get(url, headers=headers, cookies=cookies)
print(response.json())CLEAR Button β
The CLEAR button in the NETWORK tab clears all data across all sub-tabs simultaneously.
| Sub-Tab | What Gets Cleared |
|---|---|
| NETWORK | All HTTP requests |
| WS | All WebSocket frames |
| COOKIES | All captured cookies |
| STORAGE | All storage writes |
Use this to start a fresh capture session.
Live Counters β
Each sub-tab shows a live counter of captured items:
| Tab | Counter Example | Meaning |
|---|---|---|
| NETWORK | [247] | 247 HTTP requests |
| WS | [12] | 12 WebSocket frames |
| COOKIES | [38] | 38 cookies captured |
| STORAGE | [4] | 4 storage writes |
Keyboard Shortcuts β
| Shortcut | Action |
|---|---|
Ctrl+Shift+D | Switch to DEVTOOLS tab |
Ctrl+Shift+B | Switch to BROWSER tab |
Ctrl+Shift+C | Clear all captured data |
Ctrl+E | Focus EXPORT tab (when a request is selected) |
Performance Notes β
| Metric | Value |
|---|---|
| Max requests | Unlimited (memory permitting) |
| Max WebSocket frames | Unlimited |
| Memory usage | Increases with capture size |
| Clear recommended | Every 1000 requests for long sessions |
Next Steps β
- Network Inspector β Deep dive into HTTP capture
- WebSocket Capture β Deep dive into WS frames
- Cookie Inspector β Deep dive into cookies
- One-Click Export β Deep dive into code generation
Nothing Ecosystem Β· Ernest Tech House Β· Kenya Β· 2026