Encodeur URL en ligne | Percent-encoding | Awesome Toolkit

Encodeur / Décodeur URL

Encodez et décodez des URL (percent-encoding). Modes encodeURI et encodeURIComponent. Traitement instantané côté navigateur.

Par Marshkalk

Direction
Mode

Comment utiliser l'encodeur / décodeur URL

  1. Choisissez Encoder ou Décoder et sélectionnez le mode.
  2. Collez votre texte ou URL dans le panneau gauche et cliquez sur Encoder / Décoder.
  3. Cliquez sur Copier pour copier le résultat dans le presse-papiers.

Qu'est-ce que le percent-encoding ?

Les URL ne peuvent contenir qu'un ensemble limité de caractères ASCII. Tout caractère en dehors de cet ensemble, lettres accentuées, espaces, symboles, doit être encodé sous la forme d'un signe pourcent suivi de deux chiffres hexadécimaux : un espace devient %20, un é devient %C3%A9, un @ devient %40. C'est ce qu'on appelle le percent-encoding ou encodage URL.

encodeURIComponent vs encodeURI

encodeURIComponent encode tout sauf les caractères non réservés (A-Z a-z 0-9 - _ . !). Utilisez-le pour les valeurs individuelles placées dans une URL, paramètres de chaîne de requête, segments de chemin, identifiants de fragment. Il encode &, =, +, /, ? et #.

encodeURI laisse les caractères structurels intacts (: / ? # [ ] @ ! $ & ' ( ) * + , ; =). Utilisez-le pour une URL complète déjà bien formée où vous n'avez besoin de gérer que les caractères non ASCII ou les espaces.

Quand encoder manuellement ?

  • Construction de chaînes de requête: encodez toujours les valeurs des paramètres avant de les ajouter : ?q=encodeURIComponent(saisie)
  • Intégration d'URL dans d'autres URL: une URL dans un paramètre de requête doit être entièrement encodée
  • Chemins non ASCII: les chemins avec des caractères accentués doivent être encodés
  • Décodage de réponses API: décodez les URL reçues des API ou des logs serveur avant de les afficher

Caractères encodés courants

CaractèreEncodéCaractèreEncodé
Espace%20&%26
+%2B=%3D
/%2F?%3F
#%23@%40