TopDev
🔗

URL Parser & Query String Builder

Split a URL into protocol/host/path/query/hash. Edit each query param and rebuild a clean URL — uses URL & URLSearchParams APIs.

All tools Browser-only

Uses standard URL & URLSearchParams — splits into protocol, host, path, query, hash; edit each param and rebuild a clean URL.

When you need to parse a URL

Standard URL structure

https://user:pass@example.com:8080/path/to/page?key=value&q=hello#section
└─┬─┘   └────┬────┘ └────┬────┘ └─┬┘ └──────┬──────┘ └──────┬───────┘ └───┬──┘
protocol     auth        host    port      path           query         hash

Query string encoding tips

Who this is for

Fullstack/backend/devops engineers — debug JWT, format JSON/SQL, parse cURL, compute CIDR subnets, draft Mermaid diagrams, write conventional commits… Daily toolkit alongside your terminal and editor.

FAQ

Is my pasted code/token sent anywhere?

No. All TopDev dev tools run 100% client-side — JWT, SQL, JSON, cURL, regex… process in-browser. Disconnect to verify. Safe for internal tokens, production DB queries, API keys.

Does it work offline / install as a PWA?

Tools work offline after the first load. Installable PWA is on the roadmap — for now you can bookmark and use without internet.

Related tools

See all tools →