Developer Tools

URL Parser

Break a URL into host, path, query, hash, and origin parts.

URL Parser

urlparserwebhostname

Output

Parsed URL

{
  "href": "https://www.toolsmith.dev/tools/json-formatter?utm_source=google&plan=starter#examples",
  "protocol": "https:",
  "origin": "https://www.toolsmith.dev",
  "hostname": "www.toolsmith.dev",
  "port": "",
  "pathname": "/tools/json-formatter",
  "search": "?utm_source=google&plan=starter",
  "hash": "#examples",
  "username": "",
  "password": "",
  "params": {
    "utm_source": [
      "google"
    ],
    "plan": [
      "starter"
    ]
  }
}