Aller au contenu principal
Encodage

Encodeur de composant URI conforme au style RFC 3986

Encodez toute l'entrée comme un unique composant URI UTF-8 avec encodeURIComponent et des échappements explicites pour !, apostrophe, parenthèses et astérisque selon RFC 3986. Nécessaire pour construire des query strings, data URLs ou liens dynamiques côté client. Conforme, complet, instantané.

Outils URL

En bref

Cet outil encode un seul composant, pas une URL structurée : deux-points, barres, ?, #, & et = sont volontairement transformés en données échappées.

Fonctionnalités prises en charge

  • Applique encodeURIComponent au texte Unicode saisi, collé ou importé, avec octets percent UTF-8 pour les caractères non ASCII.
  • Échappe aussi !, apostrophe, (, ) et * en hexadécimal majuscule afin de suivre l’ensemble non réservé RFC 3986.
  • Ne laisse que lettres, chiffres, tiret, point, underscore et tilde ; les délimiteurs d’URL sont encodés car l’entrée est un composant.
  • Propose conversion directe/manuelle, copie et téléchargement encoded-url.txt sans envoyer ni résoudre l’entrée.

Comment utiliser Encodeur de composant URI conforme au style RFC 3986

Suivez ce flux propre à Encodeur de composant URI conforme au style RFC 3986 ; chaque étape correspond aux commandes et limites réelles de l’espace de travail dans le navigateur.

  1. 1

    Étape 1

    Fournir la source exacte

    Identifiez le seul composant à encoder, par exemple une valeur de requête ou segment ; ne collez une URL complète que si tous ses délimiteurs doivent devenir des données.

  2. 2

    Étape 2

    Choisir l’opération

    Saisissez, collez ou importez exactement le texte Unicode avec espaces et signes percent voulus.

  3. 3

    Étape 3

    Configurer les options disponibles

    Gardez Live ou lancez Encoder pour appliquer encodeURIComponent puis les cinq échappements supplémentaires en majuscules.

  4. 4

    Étape 4

    Exécuter l’opération locale

    Vérifiez que le constructeur de l’URL destinataire ajoute les délimiteurs structurels en dehors de la valeur encodée.

  5. 5

    Étape 5

    Vérifier puis continuer

    Copiez/téléchargez le composant puis testez un aller-retour unique avec la sémantique de décodage correspondante.

Erreurs fréquentes

Encoder une URL complète en espérant qu’elle reste navigable

Conséquence: : / ? # & = deviennent des données, donnant https%3A%2F%2F plutôt qu’une URL structurée.

Correction: Construisez l’URL et encodez seulement chaque composant ou valeur de requête.

Encoder un texte déjà percent-encodé

Conséquence: Le signe % devient %25 et crée un double encodage comme %2520.

Correction: Distinguez les représentations brute et encodée puis n’encodez qu’une fois.

Employer cette sortie comme formulaire sans vérifier les espaces

Conséquence: encodeURIComponent produit %20 ; application/x-www-form-urlencoded emploie couramment + et ses propres règles.

Correction: Utilisez URLSearchParams ou le sérialiseur de formulaire du protocole.

Bonnes pratiques

  • Encodez les données avant de les assembler avec les délimiteurs structurels URI.
  • Testez en aller-retour Unicode, ponctuation réservée, percent et plus avec le destinataire exact.
  • Préférez URL et URLSearchParams pour les URL/requêtes complètes au lieu de concaténations manuelles.

Flux de travail liés

Limites du navigateur

  • Toujours un seul composant : pas de mode segment de chemin, URL complète, formulaire, hostname IDNA ou conservation sélective.
  • encodeURIComponent lève une erreur sur un surrogate UTF-16 isolé ; le workspace affiche le message sans diagnostic structuré.
  • Les grandes chaînes sont transformées synchroniquement et aucune politique de longueur du destinataire n’est vérifiée.

Ressources de référence

RFC 3986 : syntaxe générique des URIÉditeur: IETF / RFC Editor · Révisé: 2026-07-26encodeURIComponent()Éditeur: MDN Web Docs · Révisé: 2026-07-26

Exemples concrets

Entrée
café & tea
Résultat
Les octets UTF-8 de é sont %C3%A9, les espaces %20 et l’esperluette de donnée %26.

encodeURIComponent crée les échappements UTF-8 puis la passe finale couvre la ponctuation RFC 3986 hors ensemble non réservé.

Questions fréquentes

Pourquoi https:// et les séparateurs sont-ils encodés ?

Toute l’entrée est un composant ; deux-points, barre, ?, &, = et # sont donc des données.

Quels caractères restent inchangés ?

Lettres/chiffres ASCII, tiret, point, underscore et tilde ; !, apostrophe, parenthèses et astérisque sont aussi échappés ici.

Comment sont encodés les caractères non ASCII ?

JavaScript les représente en octets UTF-8 et émet un triplet %HH par octet, par exemple é → %C3%A9.

%20 équivaut-il toujours à plus pour une espace ?

Non. %20 est générique ; + pour espace relève de application/x-www-form-urlencoded et des sérialiseurs de formulaire.

Puis-je encoder un nom de domaine internationalisé ?

Pas correctement comme hôte : les labels exigent généralement IDNA/Punycode via les API URL, pas le percent-encoding du hostname complet.

Confidentialité et fonctionnement hors ligne

Texte et sortie encodée restent dans le navigateur ; aucune URL n’est demandée ou résolue. Copie, import et téléchargement sont explicites et le moteur fonctionne hors ligne après cache.