Bộ mã hóa / Giải mã URL

Bộ mã hóa URL chuyển đổi các ký tự không thể dùng trực tiếp trong URL thành các chuỗi percent-encoded. Bộ giải mã URL đảo ngược quá trình đó, chuyển đổi văn bản đã mã hóa trở lại thành các ký tự gốc. Trang này thực hiện cả hai chiều, cho cả một thành phần URL lẫn URL đầy đủ.

Công cụ sử dụng bốn hàm JavaScript tiêu chuẩn:

• encodeURIComponent — để mã hóa một thành phần URL duy nhất, chẳng hạn giá trị của tham số query.
• encodeURI — để mã hóa URL đầy đủ trong khi giữ nguyên các ký tự đặc biệt như : / ? # & = có ý nghĩa cấu trúc.
• decodeURIComponent — để giải mã một thành phần URL duy nhất trở lại các ký tự gốc.
• decodeURI — để giải mã URL đầy đủ mà không chạm vào các ký tự đặc biệt.

Tất cả chuyển đổi đều tương thích UTF-8, do đó các chữ cái có dấu, emoji và ký tự từ các hệ thống chữ viết không phải Latin đều được xử lý chính xác. Không có gì được tải lên, không có gì được lưu trữ và không có lệnh gọi API nào được thực hiện.

Một số ví dụ thực tế về cách mã hóa URL hoạt động:

• Dấu cách trở thành %20, vì vậy xin chào thế giới được mã hóa thành xin%20ch%C3%A0o%20th%E1%BA%BF%20gi%E1%BB%9Bi.
• Dấu gạch chéo trong giá trị query trở thành %2F, vì vậy a/b trở thành a%2Fb dưới dạng tham số.
• Dấu hỏi trong giá trị trở thành %3F, vì vậy sao? trở thành sao%3F.
• Ký tự & trong giá trị trở thành %26, ngăn không làm hỏng query string xung quanh.
• Ký tự # trong giá trị trở thành %23, vì vậy c# trở thành c%23.
• Ký tự ngoài ASCII sử dụng các chuỗi UTF-8 nhiều byte. Ví dụ café trở thành caf%C3%A9 (é là hai byte UTF-8).
• Emoji cũng sử dụng UTF-8 nhiều byte: 😀 trở thành %F0%9F%98%80.

Chuyển công cụ sang chế độ Giải mã và dán bất kỳ chuỗi đã mã hóa nào ở trên để xem văn bản gốc được khôi phục chính xác.

Chọn đúng chế độ là điều quan trọng vì hai bộ mã hóa xử lý các ký tự đặc biệt khác nhau.

Sử dụng chế độ Thành phần (encodeURIComponent / decodeURIComponent) khi mã hóa một giá trị duy nhất sẽ được chèn vào URL — ví dụ giá trị tham số query, phân đoạn đường dẫn hoặc giá trị fragment. Chế độ Thành phần mã hóa phần trăm các ký tự đặc biệt (: / ? # [ ] @ ! $ & ' ( ) * + , ; =) để chúng không vô tình thay đổi cấu trúc URL xung quanh.

Sử dụng chế độ URL Đầy đủ (encodeURI / decodeURI) khi bạn đã có URL đầy đủ như https://example.com/path?query=value#fragment và chỉ muốn escape các ký tự không an toàn (chẳng hạn dấu cách hoặc ký tự ngoài ASCII), mà không chạm vào các ký tự cấu trúc đặc biệt.

Lỗi phổ biến là dùng encodeURI cho giá trị được thiết kế làm tham số query. Các ký tự đặc biệt vẫn còn nguyên, có thể làm hỏng URL xung quanh. Khi nghi ngờ, hãy mã hóa từng giá trị query bằng encodeURIComponent rồi ghép URL lại.

Percent encoding (còn gọi là mã hóa URL) là cách biểu diễn trong URL các ký tự đặc biệt (có ý nghĩa cấu trúc) hoặc các ký tự không được phép. Mỗi byte không an toàn được viết dưới dạng dấu phần trăm theo sau là hai chữ số thập lục phân — ví dụ %20 cho dấu cách, %2F cho dấu gạch chéo hoặc %3F cho dấu hỏi.

Mã hóa hoạt động trên các byte, không phải trực tiếp trên ký tự. URL hiện đại sử dụng UTF-8 để chuyển đổi ký tự thành byte trước, đó là lý do tại sao một chữ cái có dấu có thể tạo ra hai byte được mã hóa phần trăm và một emoji có thể tạo ra bốn byte. Công cụ này luôn sử dụng UTF-8 để các chuỗi đã mã hóa có thể tương tác với phần còn lại của web.

Percent encoding được định nghĩa bởi RFC 3986. Các hàm JavaScript gốc được sử dụng ở đây triển khai đặc tả đó, vì vậy giá trị được mã hóa bằng encodeURIComponent trong bất kỳ trình duyệt hiện đại nào đều được giải mã chính xác bằng decodeURIComponent ở bất kỳ đâu.

Bộ mã hóa giải mã URL này hữu ích mỗi khi bạn cần chuyển văn bản vào hoặc ra khỏi URL một cách an toàn. Các tình huống phổ biến:

• Mã hóa văn bản cho query string trước khi dán vào request API, dòng log hoặc thanh địa chỉ trình duyệt.
• Giải mã tham số URL từ log request hoặc bản xuất analytics để đọc các giá trị gốc.
• Kiểm tra URL dài đã mã hóa bằng cách giải mã để xem thực sự đang truyền gì.
• Escape ký tự đặc biệt trong URL trước khi chia sẻ trên chat, tài liệu hoặc JSON payload.
• Học cách percent encoding và các chuỗi byte UTF-8 ánh xạ tới các ký tự.

Vì công cụ chạy hoàn toàn trên trình duyệt, nó cũng phù hợp cho các URL nhạy cảm (liên kết nội bộ, token, URL đã ký) mà bạn không muốn dán vào dịch vụ từ xa.

Mã hóa URL và làm sạch URL là hai thao tác khác nhau thường bị nhầm lẫn.

Mã hóa URL (công cụ này) chuyển đổi ký tự sang dạng mã hóa phần trăm an toàn cho URL và đảo ngược lại. Cấu trúc URL được bảo toàn; không có gì được thêm vào hay xóa đi.

Làm sạch URL (một loại công cụ khác) xóa các tham số theo dõi như utm_source, utm_medium, fbclid, gclid và các khóa query tương tự khỏi URL, để liên kết kết quả không còn chứa metadata theo dõi. Làm sạch URL thay đổi các tham số trong URL — mã hóa thì không.

Nếu muốn xóa các tham số theo dõi, bạn cần một công cụ làm sạch URL chuyên dụng. Nếu muốn mã hóa hoặc giải mã văn bản sang/từ dạng mã hóa phần trăm, đây là công cụ phù hợp.