Command Palette

Search for a command to run...

EN

Encodeur/décodeur d'URL

Encoder et décoder les URL, les chaînes de requête et les données de formulaire avec les modes EncodeURIComponent, EncodeURI ou Form-Urlencoded

Qu'est-ce qu'un encodeur/décodeur d'URL ?

URL Encoder/Decoder convertit le texte vers et depuis le codage en pourcentage (également appelé codage URL), le schéma d'échappement défini par la RFC 3986 qui permet de mettre des chaînes arbitraires en toute sécurité dans une URL. Les caractères comme &, =, ?, # et / ont une signification structurelle dans les URL - si une valeur de chaîne de requête contient un « & » littéral, le serveur divisera votre paramètre en deux à moins que ce caractère ne soit échappé en tant que % 26. Cet outil vous donne les trois variantes de codage dans lesquelles les développeurs s'exécutent : encodeURIComposant pour des valeurs individuelles, encodeURI pour des URL complètes et application/x-wwspaces +.

La distinction entre les modes compte plus que la plupart des didacticiels ne l'admettent. EncodeURIComponent échappe à chaque délimiteur réservé, c'est donc le bon choix pour un seul paramètre de requête, un segment de chemin ou une cible de redirection intégrée dans une autre URL - mais l'exécuter sur une URL complète serait https:// dans https%3a%2f%2f. EncodeUri conserve les délimiteurs (: / ? # & =) Ainsi, une URL entière reste navigable tandis que les espaces et les caractères non ASCII comme é ou 日本 sont toujours échappés à leur forme UTF-8 pour cent. Le mode Form-Urlencoded correspond à ce que les navigateurs envoient lorsque vous soumettez un <form> : identique à EncoDeurIComponent, à l'exception des espaces deviennent "+" au lieu de "%20" - une bizarrerie héritée qui déclenche toujours les intégrations d'API aujourd'hui.

Tout fonctionne à 100 % côté client dans votre navigateur en utilisant les mêmes fonctions encodeURIComponent natif, encodeURI et decodeURIComponent que votre JavaScript de production, donc les résultats correspondent exactement à ce que votre code produira Rien que vous collez - URL de rappel OAuth, liens S3 signés, jetons, ID de session - quitte jamais votre machine Le décodeur attrape également les entrées mal formées (un % égaré non suivi de deux chiffres hexagonaux lance URIERror en JavaScript) et signale une erreur claire au lieu de échouer silencieusement.

Un exemple travaillé montre comment les trois modes de ce codeur et décodeur URL diffèrent sur le même texte Tapez café & crème et cliquez sur Encoder avec encodeURIComposant sélectionné : la sortie est caf %C3 %A9 %20 %26 %20 cr % C3 % A8me. Switch Mode to application/x-www-form-urlencoded and Encode again, et les espaces deviennent +, donnant caf %C3 % A9+ % 26+cr % C3 % A8me. En mode encodeURI le & reste tel quel, car encodeURI le traite comme un délimiteur URL, c'est pourquoi ce n'est que le mode inverseurl mais ne leur inverse pas un mode.

Comment utiliser l'encodeur/décodeur d'URL ?

  1. Collez votre texte ou votre URL

    Déposez la valeur brute dans la zone d'entrée - une valeur de paramètre de requête, une URL complète avec des espaces et unicode, ou une chaîne codée comme un%3D1%26b%3D2 que vous avez extrait des journaux de serveurs et souhaitez décoder.

  2. Choisissez le mode d'encodage

    Choisissez EncodeURIComponent pour les valeurs individuelles (params de requête, segments de chemin), encodeURI pour les URL complètes où :// et ? Doit survivre ou form-urlencoded lorsque vous construisez un corps de formulaire HTML ou déboguez une charge utile postale avec + signes.

  3. Encoder ou décoder

    Cliquez sur Encoder pour encoder l'entrée ou décoder pour l'inverser. Le décodage gère les séquences %XX et, en mode formulaire, convertit + retour en espace. Les séquences malformées produisent une erreur lisible au lieu d'une sortie vierge.

  4. Copier ou échanger

    Copiez le résultat dans votre presse-papiers en un clic ou utilisez le bouton d'échange pour déplacer la sortie vers l'entrée - pratique lorsqu'une valeur a été doublement codée (%2520) et nécessite un deuxième passage de décodage.

Principales caractéristiques

  • Trois modes réels

    encodeURIComponent, encodeURI et application/x-www-form-urlencoded - les trois variantes que vous rencontrez dans les chaînes de requête, les URL complètes et les corps de formulaire

  • Encodage JavaScript natif

    Utilise les fonctions d'encodage natives du navigateur, donc les caractères non réservés RFC 3986 (AZ az 0-9 - _ . ~) passent par des séquences multi-octets intactes et UTF-8 codent correctement Comme votre propre JavaScript, il laisse également ! '() * non échappé, que réserve la RFC 3986

  • Décodage sécurisé avec des erreurs claires

    Les séquences de pourcentage malformées comme un "%" errant rapportent exactement ce qui n'allait pas au lieu de lancer un UriError non géré

  • Échanger l'entrée et la sortie

    Un clic déplace le résultat dans l'entrée - parfait pour déballer les valeurs double-encodées couche par couche

Frequently Asked Questions

Utilisez EncodeURIComponent pour une valeur unique qui va dans une URL - un paramètre de requête, un segment de chemin ou une valeur de cookie - car il échappe aux délimiteurs comme &, =, / et ?. Utilisez EncodeURI uniquement lorsque vous avez une URL complète et que vous souhaitez échapper aux caractères non valides (espaces, Unicode) sans détruire sa structure. Règle d'or : si la chaîne contient :// qui doit rester intacte, utilisez EncodeURI, sinon utilisez EncodeURIComponent.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

url encoderurl decoderpercent encodingencodeuricomponentencodeuriquery string encoderurlencodeform urlencodedrfc 3986uri escapeurl encoder decoder onlineurl encoder decoderurl encoder and decoderencoder decoder url