URL coderen, decoderen en parsen
Codeer en decodeer tekst met procentcodering voor URL’s, of haal een URL uit elkaar in schema, host, pad en query en bewerk de query als tabel.
Codevoorbeelden
Kopieer deze voorbeelden naar je eigen project. Ze gebruiken alleen de standaardbibliotheek van de taal, dus er hoeft niets geïnstalleerd te worden.
const text = 'name=Zoë & co'
console.log(encodeURIComponent(text))Wat het doet
Codeert en decodeert tekst met procentcodering voor gebruik in URL’s en haalt een URL uit elkaar in schema, host, poort, pad, query en fragment. De query komt als tabel met namen en waarden die je kunt bewerken, en de URL wordt opnieuw opgebouwd terwijl je wijzigt.
Zo gebruik je het
- Typ of plak tekst of een URL, één item per regel, of sleep een tekstbestand erin.
- Kies een modus: Coderen escapet alles wat niet veilig is in één waarde, URL coderen behoudt de structuur van een URL en escapet alleen wat er niet in kan, Decoderen leest procentcodering en Parsen splitst een URL in onderdelen.
- Wijzig in de modus Parsen een parameter in de querytabel, voeg er een toe of verwijder er een en kopieer de opnieuw opgebouwde URL uit de invoer.
Voorbeelden
Een waarde coderen:
name=Zoë & co wordt name%3DZo%C3%AB%20%26%20co. De URL https://example.com/zoek?q=kaas en brood wordt met URL coderen https://example.com/zoek?q=kaas%20en%20brood.
Goed om te weten
- Een spatie wordt geschreven als
%20. In de query van een URL betekent een+ook een spatie; de querytabel leest het zo. - Tekens buiten ASCII worden als UTF-8-bytes gecodeerd:
éwordt%C3%A9. - Parsen mislukt nooit: een relatieve verwijzing als
/a/b?x=1heeft gewoon geen schema of host. - Decoderen mislukt bij een
%die niet door twee hexcijfers wordt gevolgd en bij escapes die geen geldige UTF-8 zijn; die regel wordt overgeslagen.
Wat is procentcodering?
URL’s kunnen maar een kleine set veilige tekens bevatten. Al het andere, zoals een spatie, een accent of een ampersand in een waarde, wordt geschreven als een % en de twee hexcijfers van elke byte: een spatie wordt %20 en é wordt %C3%A9. Decoderen draait dat om.
Veelgestelde vragen
Wat is het verschil tussen Coderen en URL coderen?
Coderen escapet alles wat geen letter, cijfer of een van - . _ ~ is, wat goed is voor één waarde zoals een queryparameter. URL coderen laat de tekens die een URL zijn structuur geven, zoals : / ? # & en =, staan en escapet alleen wat er helemaal niet in kan voorkomen, zoals spaties en accenten.
Waarom wordt een plusteken in de querytabel een spatie?
In het querygedeelte van een URL staat een + voor een spatie, een gewoonte uit HTML-formulieren. De tabel leest het zo en schrijft een spatie terug als %20, wat elke parser accepteert.
Stuurt deze tool mijn URL’s ergens naartoe?
Nee. Alles gebeurt in je browser. Wat je typt wordt nooit naar onze servers gestuurd.