El ressaltat és un codi de percentatge de bytes.
Eina gratuïta en línia de codificació/descodificació URL. Admet 4 modes encodeURIComponent/encodeURI/RFC 3986, ressalta els caràcters codificats en temps real, mode per lots de múltiples línies, Query Only per codificar només els valors dels paràmetres. Processament local al navegador, sense càrrega de dades.
encodeURIComponent codifica tots els caràcters insegurs, incloent &, =, ?, etc., per tant és adequat per codificar els valors dels paràmetres individuals. encodeURI conserva els caràcters estructurals de l'URL (:, /, ?, #, etc.), per tant és adequat per codificar URLs complets. Escenari d'ús: Component per a valors de paràmetres, URI per a URLs complets.
RFC 3986 és la versió estàndard d'URL actualitzada, que considera la tilde ~ com un caràcter segur que no cal codificar, mentre que els estàndards antics la codifiquen com a %7E. L'ús de RFC 3986 pot evitar diferències d'anàlisi en alguns servidors i proporcionar una millor compatibilitat.
S'utilitza quan tens una query string d'URL de la forma ?name=张三&city=北京 i vols codificar només els valors dels paràmetres sense canviar els noms de clau i els caràcters. En aquest cas, name i city romanen inalterats, i els valors es codifiquen com a %E5%BC%A0%E4%B8%89 i %E5%8C%97%E4%BA%AC.
En el format application/x-www-form-urlencoded (enviament de formularis HTML), els espais es codifiquen com a +. Però en els camins d'URL i en encodeURIComponent, els espais sempre es codifiquen com a %20. Aquesta eina utilitza per defecte el format %20.
Això depèn del mètode de codificació de caràcters. Aquesta eina utilitza la codificació UTF-8 (estàndard web), el caràcter xinès '中' es codifica com a %E4%B8%AD. Si altres eines utilitzen la codificació GBK, el resultat serà %D6%D0. Es recomana utilitzar sempre UTF-8 per a URLs web.
Ressalta els caràcters codificats en format %XX (per exemple, espai→%20) en temps real, ajudant a entendre les regles de codificació i resoldre problemes. Les lletres i els nombres són caràcters segurs que no es codifiquen, només el xinès i els caràcters especials es codifiquen.
Sí. % és el caràcter inicial d'escapament en la codificació URL. Si un % literal apareix en un valor de paràmetre, s'ha de codificar com a %25; en cas contrari, s'interpretarà erròniament com un prefix de codificació, causant errors d'anàlisi. Per exemple, 100% s'ha de codificar com a 100%25.
La codificació URL (codificació percentual) és el procés de convertir els caràcters insegurs de les URL al format %XX. Les URL només poden contenir un petit subconjunt de caràcters ASCII (lletres, nombres, -_.~), tots els altres caràcters (incloent xinès, espais, caràcters especials) s'han de codificar abans de ser transmesos en una URL. Per exemple, l'espai esdevé %20, el caràcter xinès '中' esdevé %E4%B8%AD.
**encodeURIComponent vs encodeURI**: Aquestes són les dues funcions de codificació més utilitzades. encodeURIComponent codifica més a fons, incloent separadors de paràmetres com ara &, =, ?, per tant és adequada per codificar els valors dels paràmetres individuals. encodeURI conserva l'estructura de l'URL (scheme://, camí, /, ?, #), per tant és adequada per codificar URLs complets. L'ús incorrecte provoca errors en l'anàlisi de paràmetres.
**RFC 3986 vs estàndards antics**: RFC 3986 considera la tilde ~ com un caràcter segur que no cal codificar, mentre que els estàndards primerencs la codifiquen com a %7E. L'ús de RFC 3986 redueix l'escapament innecessari, millora la llegibilitat de les URL i evita problemes d'anàlisi de %7E en alguns servidors.
**Mode Query Only**: S'utilitza quan vols codificar només els valors dels paràmetres a la query string de l'URL, sense canviar els noms de clau, els signes igual i els caràcters &. Per exemple, ?name=张三 es codifica com a ?name=%E5%BC%A0%E4%B8%89, mantenint els noms de clau llegibles i codificant només els valors.
**Ressaltat de codificació**: Ressalta els caràcters en format %XX amb color ambre en temps real, perquè els usuaris puguin veure immediatament quins caràcters s'han codificat. Això ajuda a entendre les regles de codificació: les lletres i els nombres solen ser caràcters segurs que no es codifiquen, només el xinès i els caràcters especials es codifiquen. Tots els càlculs es realitzen localment al navegador, no es carrega cap dada.
| Caràcter | Significat | encodeURIComponent | encodeURI | RFC 3986 |
|---|---|---|---|---|
Espai | Espai | %20 | %20 | %20 |
! | Exclamació | %21 | ! | %21 |
# | Identificador de fragment | %23 | # | %23 |
$ | Signe del dòlar | %24 | $ | %24 |
& | Separador de paràmetres | %26 | & | %26 |
' | Cometa simple | %27 | ' | %27 |
( | Parèntesi obert | %28 | ( | %28 |
) | Parèntesi tancat | %29 | ) | %29 |
* | Asterisc | %2A | * | %2A |
+ | Signe més | %2B | + | %2B |
, | Coma | %2C | , | %2C |
/ | Separador de camí | %2F | / | %2F |
: | Dos punts | %3A | : | %3A |
; | Punt i coma | %3B | ; | %3B |
= | Signe igual | %3D | = | %3D |
? | Signe d'interrogació | %3F | ? | %3F |
@ | Arrova | %40 | @ | %40 |
~ | Tilde | %7E | %7E | ~ |
| Codificat | Caràcter original | Ús a l'URL |
|---|---|---|
%20 | (espai) | Espai |
%21 | ! | Subseparador |
%23 | # | Identificador de fragment (hash) |
%25 | % | El propi caràcter d'escapament |
%26 | & | Separador de paràmetres de consulta |
%2B | + | Signe més / espai al formulari |
%2F | / | Separador de camí |
%3A | : | Separador d'esquema |
%3D | = | Separador clau-valor |
%3F | ? | Inici de query string |
%40 | @ | Separador d'autenticació/correu |
%5B | [ | Paràmetre de matriu (RFC 3986) |
// encodeURIComponent: codifica els valors dels paràmetres individuals (el més utilitzat)
const param = encodeURIComponent('张三&李四');
console.log(param); // %E5%BC%A0%E4%B8%89%26%E6%9D%8E%E5%9B%9B
// encodeURI: codifica l'URL complet (conserva els caràcters estructurals :/?#&=)
const url = encodeURI('https://example.com/search?q=hola món');
console.log(url);
// Descodificació
const decoded = decodeURIComponent(param);
console.log(decoded); // 张三&李四
// Compatible amb RFC 3986 (~ no codificat)
function rfc3986Encode(str) {
return encodeURIComponent(str).replace(/[!'()*]/g, c => '%' + c.charCodeAt(0).toString(16).toUpperCase());
}
// API URLSearchParams (manera moderna, codificació automàtica)
const params = new URLSearchParams({ name: '张三', city: '北京' });
console.log(params.toString());
// name=%E5%BC%A0%E4%B8%89&city=%E5%8C%97%E4%BA%ACfrom urllib.parse import quote, unquote, urlencode, quote_plus
# quote: similar a encodeURIComponent
encoded = quote('张三&李四')
print(encoded) # %E5%BC%A0%E4%B8%89%26%E6%9D%8E%E5%9B%9B
# Mode RFC 3986 (~ per defecte no codificat)
print(quote('hello~world')) # hello~world
# quote_plus: els espais es codifiquen com a + (format de formulari)
print(quote_plus('hello world')) # hello+world
# Descodificació
print(unquote(encoded)) # 张三&李四
# urlencode: crear query string
params = urlencode({'name': '张三', 'city': '北京'})
print(params)
# name=%E5%BC%A0%E4%B8%89&city=%E5%8C%97%E4%BA%ACimport java.net.URLEncoder;
import java.net.URLDecoder;
import java.net.URI;
import java.nio.charset.StandardCharsets;
public class URLEncodeExample {
public static void main(String[] args) throws Exception {
// Codificació URL (URLEncoder - format de formulari, els espais esdevenen +)
String encoded = URLEncoder.encode("张三&李四", "UTF-8");
System.out.println(encoded);
// %E5%BC%A0%E4%B8%89%26%E6%9D%8E%E5%9B%9B
// Descodificació
String decoded = URLDecoder.decode(encoded, "UTF-8");
System.out.println(decoded); // 张三&李四
// Crear URL complet (la classe URI gestiona la codificació automàticament)
URI uri = new URI("https", "example.com", "/search", "q=hola", null);
System.out.println(uri.toASCIIString());
}
}