Zo gebruik je het
- Kies Coderen of Decoderen.
- Kies de modus — Onderdeel voor de waarde van één parameter, Volledige URL om de URL-structuur te behouden, of Formulier voor HTML-formulierdata waarbij spaties + worden.
- Plak je tekst. Het resultaat wordt bijgewerkt terwijl je typt.
- Als de invoer een URL is, zie je daaronder het protocol, de host, het pad en de queryparameters.
Opties uitgelegd
- Onderdeel
- Codeert alles behalve letters, cijfers en - _ . ~ — gebruik dit voor de waarde van een queryparameter of een padsegment. Komt overeen met encodeURIComponent, plus ! ' ( ) * die RFC 3986 reserveert.
- Volledige URL
- Laat tekens die de structuur van een URL vormen (: / ? # & =) ongewijzigd en codeert spaties en niet-ASCII-tekens. Komt overeen met JavaScripts encodeURI.
- Formulier
- application/x-www-form-urlencoded, gebruikt door HTML-formulieren. Spaties worden + in plaats van %20; bij decoderen wordt + weer een spatie.
Voorbeelden
| Invoer | Onderdeel | Volledige URL | Formulier |
|---|---|---|---|
a b&c |
a%20b%26c |
a%20b&c |
a+b%26c |
café |
caf%C3%A9 |
caf%C3%A9 |
caf%C3%A9 |
https://x.com/?q=1 2 |
https%3A%2F%2Fx.com%2F%3Fq%3D1%202 |
https://x.com/?q=1%202 |
https%3A%2F%2Fx.com%2F%3Fq%3D1+2 |
Een URL met parameters opbouwen
Als je invoer van de gebruiker in een query-string plaatst, codeer dan elke waarde apart:
const url = `https://example.com/search?q=${encodeURIComponent(query)}&page=2`;Het coderen van de hele URL achteraf zou & en = binnen de waarde ongecodeerd laten en de parameters breken.
Veelgestelde vragen
Wat is het verschil tussen %20 en +?
Beide kunnen een spatie voorstellen, maar op verschillende plekken. %20 werkt overal in een URL; + betekent alleen een spatie in de query-string van formulieren. In een pad is + een letterlijk plusteken.
Waarom is mijn tekst dubbel gecodeerd (%2520)?
Hij is twee keer gecodeerd — de % van %20 is zelf gecodeerd als %25. Decodeer hem twee keer, en zorg in je code dat maar één laag de waarde codeert.
Wanneer gebruik ik encodeURI versus encodeURIComponent?
Gebruik encodeURIComponent (modus Onderdeel) voor elke parameterwaarde die je in een URL plaatst. Gebruik encodeURI (modus Volledige URL) alleen voor een complete URL die spaties of niet-ASCII-tekens kan bevatten.
Wat betekent "ongeldige procentcodering"?
Een % wordt niet gevolgd door twee hexadecimale cijfers, of de bytes vormen geen geldige UTF-8. De foutmelding toont de positie van de eerste ongeldige reeks.
Hoe worden Chinese tekens in URL's gecodeerd?
Elk teken wordt omgezet naar UTF-8-bytes en elke byte wordt geschreven als %XX, zodat 中 %E4%B8%AD wordt.
Privacy
Deze tool draait volledig in je browser. Je bestanden en tekst worden op je eigen apparaat verwerkt en nooit naar onze servers geüpload.