Phân tích URL

Q: Vì sao URL của tôi bị báo là không hợp lệ?

Bộ phân tích cần URL tuyệt đối có scheme. `example.com/page` là tham chiếu tương đối; hãy viết `https://example.com/page`.

Tách mọi URL thành scheme, thông tin đăng nhập, host, cổng, các đoạn đường dẫn, tham số truy vấn và fragment, kèm giá trị đã giải mã và đầu ra JSON. Chạy trong trình duyệt.

Địa chỉ URL

Scheme (giao thức)	https:
Tên người dùng	user
Mật khẩu	pass
Tên máy chủ (host)	shop.example.com
Cổng	8080
Đường dẫn	/products/shoes
Các đoạn đường dẫn (đã giải mã)	1. products 2. shoes
Chuỗi truy vấn	?color=red&size=42
Phân đoạn (#)	#reviews
Nguồn gốc (origin)	https://shop.example.com:8080
URL đã chuẩn hóa	https://user:pass@shop.example.com:8080/products/shoes?color=red&size=42#reviews

Tham số truy vấn (2)

Khóa	Giá trị đã giải mã
color	red
size	42

JSON

{
  "protocol": "https:",
  "username": "user",
  "password": "pass",
  "hostname": "shop.example.com",
  "port": "8080",
  "pathname": "/products/shoes",
  "search": "?color=red&size=42",
  "hash": "#reviews",
  "origin": "https://shop.example.com:8080",
  "params": {
    "color": "red",
    "size": "42"
  }
}

Phân tích URL là gì?

Công cụ phân tích URL tách một URL thành các thành phần – scheme, tên người dùng, mật khẩu, tên máy chủ, cổng, đường dẫn, các đoạn đường dẫn, chuỗi truy vấn, từng tham số truy vấn và fragment – đồng thời hiển thị origin và URL đã chuẩn hóa. Giá trị mã hóa phần trăm được giải mã, tên miền quốc tế hóa được hiển thị ở cả dạng punycode lẫn Unicode, và các tham số lặp lại đều được giữ nguyên.

Cách sử dụng Phân tích URL

Dán một URL tuyệt đối, ví dụ https://user:pw@example.com:8080/a/b%20c?x=1&y=two#h.
Đọc bảng thành phần; dòng cổng hiển thị cổng mặc định khi URL không ghi cổng.
Xem bảng tham số truy vấn để thấy từng khóa và giá trị đã giải mã.
Sao chép khối JSON để dùng kết quả phân tích trong mã hoặc kiểm thử.

Ví dụ

Đầu vào

https://user:pw@example.com:8080/a/b%20c?x=1&y=two#h

Đầu ra

host example.com · port 8080 · path segments: 1. a, 2. b c · query ?x=1&y=two (x = 1, y = two) · fragment #h

Khi nào nên dùng Phân tích URL

Dùng công cụ để gỡ lỗi liên kết theo dõi, URL chuyển hướng OAuth, URL có chữ ký hoặc lời gọi API có nhiều tham số. Công cụ chỉ phân tích URL tuyệt đối; với đường dẫn tương đối, hãy thêm phần gốc như https://example.com trước. Nó không truy cập URL.

Phân tích URL hoạt động như thế nào

URL được phân tích bằng lớp URL theo chuẩn WHATWG có sẵn trong trình duyệt – cũng chính là bộ phân tích trình duyệt dùng khi điều hướng – nên kết quả khớp với hành vi thực của trình duyệt (host viết thường, xử lý đoạn dấu chấm, punycode cho IDN). Tham số truy vấn lấy từ URLSearchParams, vốn giải mã + thành dấu cách và mã thoát phần trăm theo UTF-8. Các đoạn đường dẫn được giải mã bằng decodeURIComponent và giữ nguyên nếu chứa mã thoát không hợp lệ.