Trang chủCông cụTrình phân tích cú pháp URL

Trình phân tích cú pháp URL

Chia URL thành giao thức, máy chủ, đường dẫn, thông số

Use these tools directly in Chrome

Install the DailyDevTools extension — access all tools from your browser toolbar

Add to Chrome

What is URL Parser?

A URL has multiple components — scheme, username, password, hostname, port, path, query parameters, and fragment — and parsing them correctly in code requires careful handling of encoding and special cases. DailyDevTools' URL Parser breaks any URL into all its individual components with a clear visual breakdown, and lets you build URLs from parts by filling in each component separately.

How to use URL Parser

  1. 1Paste any URL into the input field — it is parsed instantly into all components
  2. 2Review each component: protocol, hostname, port, pathname, search params, and hash
  3. 3Expand the Query Parameters section to see each parameter name and value decoded
  4. 4Use the URL Builder to compose a URL by filling in each field separately

Frequently asked questions

What are the components of a URL?
A full URL has: scheme (https), authority (user:pass@host:port), path (/path/to/page), query string (?key=value&key2=value2), and fragment (#section). Not all components are required in every URL.
How do I parse query parameters in JavaScript?
Use the built-in URLSearchParams API: const params = new URLSearchParams(window.location.search); then params.get('key') to get a value. This handles percent-decoding automatically.
What is the fragment (#hash) part of a URL used for?
The fragment identifies a section within a document (like #introduction on a page). Browsers scroll to the matching id attribute. Fragments are not sent to the server — they are processed client-side only.

Comments