Tools App par

Encodage d'URL : quand utiliser encodeURIComponent

Encodez en pourcentage un composant d'URL ou une URL entière, et décodez le texte codé en pourcentage. L'encodage suit encodeURIComponent / encodeURI.

Comment ça marche

Chaque caractère en dehors de l'ensemble autorisé est écrit sous la forme d'un signe de pourcentage suivi de deux chiffres hexadécimaux de son octet UTF-8. encodeURIComponent échappe à tout sauf A-Z a-z 0-9 - _ . ! ~ * ( ) tandis que encodeURI conserve intacte la ponctuation de l'URL réservée.

  • Utilisez le mode composant pour les valeurs de requête ; Le mode URL complète conserve : /? & = intact.

Pourquoi c'est important

Les chaînes de requête se divisent de manière subtile : un terme de recherche contenant & crée silencieusement un nouveau paramètre, une barre oblique à l'intérieur d'un nom de fichier modifie le chemin et un espace se retrouve dans un endroit inattendu. Un encodage correct fait la différence entre un lien fonctionnel et un ticket d'assistance.

Un exemple concret

encodeURIComponent("a b&c") renvoie a%20b%26c, tandis que encodeURI conserve le & car il traite la chaîne comme une URL entière. Choisir le mauvais change l'endroit où la requête est divisée.

Erreurs courantes

  • Utilisation du codage d'URL complète pour une seule valeur de requête.
  • En attendant que decodeURIComponent transforme + en un espace ; c'est l'encodage de formulaire.
  • Encodage deux fois et je me demande pourquoi le serveur voit %2520.

Conseils pratiques

Encodez chaque valeur de requête séparément, puis créez l'URL à partir des éléments encodés. Si une valeur semble déjà codée, décodez-la une fois et ré-encodez-la à partir de la forme décodée — l'encodage répété est la source la plus courante de bogues de style %25.

Comment l'utiliser

  1. Ouvrez l'outil. Tout se déroule dans l'onglet de votre navigateur.
  2. Collez ou saisissez votre saisie, puis choisissez l'action dont vous avez besoin.
  3. Vérifiez le résultat et copiez-le en un clic.

Ouvrez l'outil

Questions courantes

Quand dois-je utiliser un composant plutôt qu'une URL complète ?

Composant pour une valeur de requête unique, où /? & = doit être échappé. L'URL complète conserve ces séparateurs intacts.

Pourquoi les espaces deviennent-ils %20 ?

Le codage en pourcentage représente un espace sous la forme %20. Le formulaire + appartient au codage des formulaires HTML, pas aux URL.

Pourquoi le décodage laisse-t-il des signes + ?

decodeURIComponent ne traite pas + comme un espace. Remplacez d'abord + par un espace si la valeur provient d'une soumission de formulaire.

Cet outil est-il vraiment gratuit ?

Oui. Il n'y a pas de compte, pas de paywall et pas de limite d'utilisation. Tools App est financé par aumenso, le studio derrière elle.

Est-ce que quelque chose que j'entre est téléchargé ?

Non. L'outil s'exécute dans l'onglet de votre navigateur ; ce que vous saisissez ne nous est jamais envoyé et n'est jamais stocké.

← Tous les messages