Hoe het werkt
Elk teken buiten de toegestane set wordt geschreven als een procentteken, gevolgd door twee hexadecimale cijfers van de UTF-8-byte. encodeURIComponent ontsnapt aan alles behalve A-Z a-z 0-9 - _ . ! ~ * ( ) terwijl encodeURI de gereserveerde URL-interpunctie intact houdt.
- Gebruik de componentmodus voor querywaarden; volledige URL-modus behoudt: / ? & = intact.
Waarom het ertoe doet
Queryreeksen breken op subtiele manieren: een zoekterm die & bevat, creëert stilletjes een nieuwe parameter, een schuine streep in een bestandsnaam verandert het pad en een spatie komt op een onverwachte plek terecht. Correct coderen is het verschil tussen een werkende link en een supportticket.
Een uitgewerkt voorbeeld
encodeURIComponent("a b&c") retourneert a%20b%26c, terwijl encodeURI de & behoudt omdat deze de tekenreeks als een hele URL behandelt. Als u de verkeerde kiest, verandert de plaats waar de zoekopdracht zich splitst.
Veel voorkomende fouten
- Volledige URL-codering gebruiken voor één querywaarde.
- Verwacht dat decodeURIComponent + in een spatie verandert; dat is vormcodering.
- Twee keer coderen en zich afvragen waarom de server %2520 ziet.
Praktische tips
Codeer elke querywaarde afzonderlijk en bouw vervolgens de URL op uit de gecodeerde stukken. Als een waarde er al gecodeerd uitziet, decodeer deze dan één keer en codeer opnieuw vanuit de gedecodeerde vorm; herhaalde codering is de meest voorkomende bron van %25-achtige bugs.
Hoe het te gebruiken
- Open het gereedschap. Alles draait op uw browsertabblad.
- Plak of typ uw invoer en kies vervolgens de gewenste actie.
- Controleer het resultaat en kopieer het met één klik.
Veelgestelde vragen
Wanneer gebruik ik een component versus een volledige URL?
Component voor een enkele querywaarde, waar / ? & = moet worden geëscaped. Volledige URL houdt deze scheidingstekens intact.
Waarom worden spaties %20?
Percentagecodering vertegenwoordigt een spatie als %20. Het +-formulier hoort bij de HTML-formuliercodering, niet bij URL's.
Waarom laat decodering + tekens achter?
decodeURIComponent beschouwt + niet als een spatie. Vervang + eerst door een spatie als de waarde afkomstig is van een formulierinzending.
Is deze tool echt gratis?
Ja. Er is geen account, geen betaalmuur en geen gebruikslimiet. Tools App wordt gefinancierd door aumenso, de studio erachter.
Is er iets dat ik invoer geüpload?
Nee. De tool wordt uitgevoerd op uw browsertabblad; wat u invoert, wordt nooit naar ons verzonden en nooit opgeslagen.