🌐 VI

🔗 URL Parser

Dán một URL để tách ngay thành các thành phần của nó — protocol, host, port, path, query string và hash (fragment) — bằng URL API tích hợp sẵn của trình duyệt. Các tham số truy vấn được trình bày dưới dạng bảng key-value, hiển thị cả giá trị thô và dạng đã giải mã percent.

Thêm công cụ cho nhà phát triển

HƯỚNG DẪN

Tìm hiểu thêm

01

1. Cấu trúc của một URL

Một URL có dạng scheme://user:pass@host:port/path?query#hash. Scheme (protocol) cho biết cách truy cập tài nguyên — http, https, ftp, v.v. Host là miền hoặc IP của máy chủ, port là cổng kết nối (bị lược bỏ khi trùng với mặc định của protocol: 80 cho http, 443 cho https), path xác định tài nguyên trên máy chủ, query chứa các tham số key-value gửi tới máy chủ, và hash (fragment) là tham chiếu chỉ ở phía client, không bao giờ được gửi lên máy chủ. Công cụ này tách chính xác tất cả các phần đó bằng URL API chuẩn của trình duyệt.

02

2. Tham số truy vấn và mã hóa percent

Query string dùng percent-encoding để truyền an toàn khoảng trắng, ký tự không phải ASCII và các ký hiệu dành riêng (dấu cách thành %20 hoặc +, còn ký tự không phải ASCII thành byte UTF-8 viết dưới dạng %XX). URLSearchParams của trình duyệt sẽ tự động giải mã thành giá trị dễ đọc. Công cụ này hiển thị giá trị thô (đúng nguyên văn trong URL) song song với giá trị đã giải mã, để bạn nhanh chóng phát hiện lỗi mã hóa kép hoặc ký tự bất thường.

03

3. Cổng mặc định và origin

Khi một URL không nêu cổng, cổng mặc định của protocol sẽ được dùng ngầm (80 cho http, 443 cho https, 21 cho ftp, v.v.). Thuộc tính URL.port của trình duyệt trả về chuỗi rỗng khi cổng là mặc định, vì vậy công cụ này sẽ nêu rõ điều đó. Origin — protocol + hostname + port (chỉ khi không phải mặc định) — là khái niệm nền tảng cho các chính sách bảo mật của trình duyệt như CORS, cookies và cô lập localStorage.

Câu hỏi thường gặp

URL tôi dán vào có được gửi đến máy chủ không?
Không. Việc phân tích diễn ra hoàn toàn trong trình duyệt của bạn bằng URL API và không bao giờ được gửi tới bất kỳ máy chủ nào.
Vì sao hệ thống báo URL không hợp lệ?
URL API của trình duyệt không thể phân tích đường dẫn tương đối hoặc chuỗi bị lỗi — nó yêu cầu có scheme (http://, https://, v.v.). Hãy nhập một URL tuyệt đối, ví dụ https://example.com/path.
Điều gì xảy ra nếu cùng một key truy vấn xuất hiện nhiều lần?
URLSearchParams cho phép một key lặp lại (ví dụ ids=1&ids=2). Công cụ này hiển thị từng cặp key-value thành một hàng riêng, theo đúng thứ tự xuất hiện.
Có an toàn khi dán một URL chứa mật khẩu không?
Việc xử lý diễn ra cục bộ trong trình duyệt của bạn, nhưng việc nhúng thông tin xác thực vào URL (username:password@host) vốn đã không được khuyến nghị vì lý do bảo mật. Công cụ này hiển thị các thành phần đó cho mục đích học tập/gỡ lỗi, nhưng hãy tránh đưa mật khẩu dạng văn bản thuần vào URL sản xuất.