URL Parser
Tách bất kỳ URL nào thành các thành phần — protocol, host, port, path, query params và hash — ngay trong trình duyệt. Công cụ cũng hiểu lệnh "copy as cURL", nên bạn có thể xem headers, cookies và JSON body, chỉnh sửa chúng, và thậm chí gửi request.
Các bước sử dụng
- Chọn chế độ bằng nút gạt URL / cURL ở trên cùng. Dán một liên kết thường ở chế độ URL, hoặc một lệnh
curl '...'đầy đủ ở chế độ cURL — công cụ tự nhận diện lệnhcurlvà tự chuyển chế độ cho bạn. - Nhập hoặc dán dữ liệu vào. Dùng biểu tượng dán (clipboard) để lấy trực tiếp từ clipboard, hoặc bấm Mẫu để nạp ví dụ mẫu.
- Xem thẻ Thành phần URL: protocol, origin, host, hostname, port, username, password, pathname và hash đều được liệt kê. Bên dưới, Query parameters hiển thị dưới dạng bảng Key/Value có thể chỉnh sửa.
- Với lệnh cURL, xem thêm các thẻ Headers, Cookies và Body. Chỉnh sửa bất kỳ ô nào, dùng Thêm dòng / xóa để thay đổi các mục, và chuyển body giữa các chế độ xem Raw, Bảng và Cây khi body là JSON.
- Sao chép kết quả đã dựng lại từ thẻ Current URL / Current cURL bằng nút Sao chép, dùng Reset để hoàn tác các chỉnh sửa, hoặc bấm Gửi để chạy request và xem phản hồi trực tiếp.
Mẹo
- Thẻ Body có các nút Format JSON và Minify cho payload JSON, cùng chế độ xem Bảng và Cây cho phép bạn sao chép hoặc xóa từng trường theo đường dẫn (path).
- Các query key lặp lại (ví dụ
tags=a&tags=b) được giữ nguyên thành các dòng riêng, và mọi chỉnh sửa trong bảng query sẽ lập tức dựng lại Current URL hiển thị ở trên. - Gửi chạy một lệnh
fetchthật từ trình duyệt của bạn, nên các đích cross-origin không có CORS header sẽ thất bại với lỗi Network Error — chức năng này hoạt động tốt nhất với URL cùng origin hoặc API có bật CORS.
Câu hỏi thường gặp
Tôi có thể dán một lệnh "copy as cURL" từ DevTools của trình duyệt không?
Có. Sao chép bất kỳ request nào dưới dạng cURL từ tab Network rồi dán vào — công cụ sẽ trích xuất method, URL, headers, cookies và body, đồng thời hiển thị HTTP method dưới dạng thẻ (tag) có màu.
Tại sao request Gửi của tôi thất bại với lỗi Network Error?
Trình duyệt chặn các request cross-origin không trả về CORS header. Nếu API đích không cho phép origin của bạn, lệnh fetch sẽ bị chặn. Các URL cùng origin và endpoint có bật CORS thì hoạt động bình thường.
Các chỉnh sửa của tôi có thay đổi dữ liệu gốc không?
Không. Việc chỉnh sửa query params, headers, cookies hay body chỉ cập nhật Current URL/cURL đã dựng lại và request bạn gửi đi. Bấm Reset để bỏ các thay đổi và quay về nội dung bạn đã dán ban đầu.