Skip to content

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 ​

TabWhat It ShowsLive Count
NETWORKAll HTTP requests and responsesNETWORK [247]
WSAll WebSocket framesWS [12]
COOKIESAll cookies with set-by request infoCOOKIES [38]
STORAGEAll localStorage and sessionStorage writesSTORAGE [4]
EXPORTCode generator for Python, cURL, JS, raw HTTPβ€”

NETWORK Tab ​

Captures every HTTP request and response in real time.

What You See ​

ColumnDescription
MethodGET, POST, PUT, DELETE, PATCH
Status200, 304, 404, 500, etc.
TypeFetch, XHR, Script, Doc, Img, WS
SizeResponse size (bytes/KB)
URLRequest 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 far

Buttons ​

ButtonAction
COPY HEADERSCopy request + response headers
COPY RESPONSECopy response body
AS CURLGenerate cURL command
AS PYTHONGenerate Python requests script
DOWNLOADSave full request/response to file

Filtering ​

FilterExample
URL search/api/v1
MethodPOST
Status200, 404
Typefetch, xhr, script

Full Network Inspector documentation β†’


WS Tab (WebSocket) ​

Captures all WebSocket frames in real time.

What You See ​

ColumnDescription
TimeTimestamp
DirectionUP SENT (green) or DN RECV (blue)
TypeText, Binary, Open, Close
SizeFrame size in bytes
PreviewFirst 50 characters

Frame Types ​

DirectionLabelColor
OutgoingUP SENT🟒 Green
IncomingDN RECVπŸ”΅ Blue
OpenOPEN🟑 Yellow
CloseCLOSEDπŸ”΄ 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 ​

ColumnDescription
NameCookie name (orange = HttpOnly)
ValueFull cookie value
DomainCookie domain
PathCookie path
ExpiresExpiry 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:

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 ​

ColumnDescription
TypelocalStorage (purple) or sessionStorage (blue)
OriginDomain that set the item
KeyStorage key name
ValueStored value (truncated)

Color Coding ​

Storage TypeColor
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 ​

  1. Select a request from the NETWORK tab
  2. Go to EXPORT tab
  3. Choose format from dropdown
  4. Click GENERATE
  5. Click COPY or DOWNLOAD

Supported Formats ​

FormatLibraryUse Case
Python (requests)requestsStandard Python scraping
Python (curl_cffi)curl_cffiChrome TLS fingerprint
cURLcurlTerminal / shell scripts
JavaScriptfetchBrowser / Node.js
Raw HTTPβ€”Debugging

Example Output (Python) ​

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())

Full Export documentation β†’


CLEAR Button ​

The CLEAR button in the NETWORK tab clears all data across all sub-tabs simultaneously.

Sub-TabWhat Gets Cleared
NETWORKAll HTTP requests
WSAll WebSocket frames
COOKIESAll captured cookies
STORAGEAll storage writes

Use this to start a fresh capture session.


Live Counters ​

Each sub-tab shows a live counter of captured items:

TabCounter ExampleMeaning
NETWORK[247]247 HTTP requests
WS[12]12 WebSocket frames
COOKIES[38]38 cookies captured
STORAGE[4]4 storage writes

Keyboard Shortcuts ​

ShortcutAction
Ctrl+Shift+DSwitch to DEVTOOLS tab
Ctrl+Shift+BSwitch to BROWSER tab
Ctrl+Shift+CClear all captured data
Ctrl+EFocus EXPORT tab (when a request is selected)

Performance Notes ​

MetricValue
Max requestsUnlimited (memory permitting)
Max WebSocket framesUnlimited
Memory usageIncreases with capture size
Clear recommendedEvery 1000 requests for long sessions

Next Steps ​


Nothing Ecosystem Β· Ernest Tech House Β· Kenya Β· 2026

MIT Licensed | Built by Ernest Tech House Β· Kenya Β· 2026