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

Output will appear here...

encodeURIComponent (component)

Escapes everything with special meaning in a URL. Use for individual values - query parameters, path segments, cookie values - never for a whole URL (it would encode :// too).

EncodesReserved delimiters : / ? # [ ] @ $ & + , ; =, spaces, and all non-ASCII characters
PreservesRFC 3986 unreserved characters: A-Z a-z 0-9 - _ . ~ plus ! * ' ( )

a=1&b=2 → a%3D1%26b%3D2 (safe to embed as a single query value)

Category:encoding
Mode:Offline
Version:1.0.0
Access:Free

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

URL Encoder/Decoder interface on Toolz.dev - Encode and decode URLs, query strings, and form data with encodeURIComponent, encodeURI, or form-urlencoded modes

Encoder/décodeur d'URL convertit le texte en et depuis le codage en pourcentage (également appelé encodage d'URL), le schéma d'échappement défini par RFC 3986 qui permet de mettre en toute sécurité les chaînes arbitraires 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 "&", le serveur divisera votre paramètre de moitié à moins que ce caractère ne soit échappé en tant que %26. Cet outil vous donne les trois variantes de codage rencontrées par les développeurs : EncodeURIComponent pour les valeurs individuelles, EncodeURI pour les URL complètes et Application/x-www-form-urlencoded (espaces AS +) pour les corps de formulaires HTML.

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 % du côté client de votre navigateur en utilisant la même machinerie EncedeDiCodeUr/DecoDeri que vos produits JavaScript de production, afin que les résultats correspondent exactement à ce que votre code produira. Rien de ce que vous collez - URL de rappel OAuth, liens S3 signés, jetons, ID de session - ne quitte jamais votre machine. Le décodeur capte également une entrée malformée (un % errant non suivi de deux chiffres hexadécimaux lance UriError en JavaScript) et signale une erreur claire au lieu d'échouer en silence.

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 réellement dans les chaînes de requête, les URL complètes et les corps de formulaires.

Conforme à la RFC 3986

Utilise les fonctions d'encodage native du navigateur, donc des caractères non réservés (A-Z A-Z 0-9 - _ . ~) Passer par des séquences multi-octets intactes et UTF-8 encodant correctement

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