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.
URL parts
| Protocol | |
| User:Pass | |
| Host | |
| Port | |
| Path | |
| Hash |
Query parameters
Rebuilt URL
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
- Debug UTM tracking: ?utm_source=newsletter&utm_campaign=launch — verify each parameter.
- Build API URLs: add/remove query params dynamically — no manual string concat.
- Analyse affiliate links: Shopee/Lazada/Amazon links carry many tracking params — see what each one does.
- OAuth callbacks: redirect_uri has hash params — split to extract the token.
- SEO audits: detect URLs with redundant tracking params, suggest a canonical.
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
- Space: encoded as
%20or+(equivalent in query strings). - Non-ASCII characters: must be UTF-8 percent-encoded. E.g.
café→caf%C3%A9. - Special characters:
&,=,?,#inside values must be encoded so they aren't mistaken for separators. - The tool uses
URLSearchParams.toString()— encoding is automatic and standards-compliant.
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 →JWT Decoder
Decode JWT tokens — header, payload, claims with readable timestamps.
NEWText Diff
Paste 2 texts → highlight diffs at word/line/char level. Great for diffing AI outputs.
NEWJSON Schema Generator
Generate JSON Schema (Draft-07) from a sample — for LLM structured output and API validation.
NEWJSON Formatter
Format / minify / validate JSON. Sort keys A-Z, custom indent, Ctrl+Enter shortcut.