Encodage/Décodage d'URL
Encoder ou décoder les URL et interroger chaînes
Qu'est-ce que l'URL Encodage ?
L'encodage d'URL (également appelé encodage en pourcentage) convertit les caractères spéciaux dans un format pouvant être transmis en toute sécurité dans les URL. Étant donné que les URL ne peuvent contenir qu'un ensemble limité de caractères ASCII, tout caractère en dehors de cet ensemble doit être codé sous la forme d'un "%" suivi de deux chiffres hexadécimaux représentant la valeur ASCII du caractère.
Par exemple, un espace devient %20, et le @
le symbole devient %40. Cela garantit
Les URL restent valides et les caractères spéciaux n'interfèrent pas avec la structure de l'URL (comme & et =
dans les chaînes de requête).
Comment utiliser cet outil
Encoder vs Composant d'encodage
- Encode (encodeURI) : Encode un URL, en préservant les caractères d'URL valides tels que :, /, ?, =, &
- Composant d'encodage (encodeURIComponent) : Encode tout sauf les lettres, les chiffres et - _ . ! ~ *' ( ). Utilisez ceci pour la requête valeurs des paramètres.
- Décode : Convertit les chaînes codées en pourcentage retour au texte lisible
Cas d'utilisation courants
🔗 Paramètres de chaîne de requête
Lors de la transmission d'une entrée utilisateur via des paramètres d'URL, le codage empêche les caractères spéciaux de briser la structure de l'URL. Par exemple, "name=John Doe&city=New York" doit être codé pour les espaces.
📧 Liens par courrier électronique (mailto:)
Lors de la création de liens mailto avec des lignes d'objet ou du corps du texte, des caractères spéciaux et les espaces doivent être codés pour fonctionner correctement sur tous les clients de messagerie.
🔐API Demandes
Les API REST nécessitent souvent que les valeurs des paramètres soient codées en URL, en particulier lors de l'envoi de JSON. données, jetons d'authentification ou requêtes de recherche via des requêtes GET.
📊 Analyse et suivi
Les paramètres UTM et les codes de suivi contiennent souvent des valeurs codées pour garantir l'exactitude des données. transmission sans erreurs d’analyse d’URL.
Encodages de caractères courants
| Character | Encoded | Description |
|---|---|---|
| (space) | %20 or
+ |
Space character |
| & | %26 |
Ampersand |
| = | %3D |
Equals sign |
| ? | %3F |
Question mark |
| / | %2F |
Forward slash |
| @ | %40 |
At symbol |
| # | %23 |
Hash/pound |
| % | %25 |
Percent sign |
Questions fréquemment posées
Quelle est la différence entre encodeURI et encodeURIComponent ?
encodeURI()
encode une URL complète, en préservant les caractères tels que :, /, ? et &. encodeURIComponent()
encode tout, ce qui le rend adapté au codage des valeurs de paramètres de requête individuels.
Dois-je utiliser %20 ou + pour des espaces ?
Les deux représentent des espaces, mais %20 est l'encodage d'URL standard tandis que + est spécifique aux données de formulaire (application/x-www-form-urlencoded). Pour les chaînes de requête, l'un ou l'autre fonctionne, mais %20 est plus universellement compatible.
Mes données sont-elles sécurisées lorsque utiliser cet outil ?
Oui ! Tout l’encodage et le décodage s’effectuent dans votre navigateur à l’aide de JavaScript. Vos données jamais quitte votre appareil et n’est jamais envoyé à aucun serveur.
Pourquoi est-ce que j'obtiens "Erreur : URI mal formé" ?
Cette erreur se produit lors de la tentative de décodage d'une séquence codée en pourcentage non valide. Assurez-vous que le l'entrée contient un codage valide (% suivi d'exactement deux chiffres hexadécimaux).
Meilleures pratiques
- Encodez toujours les entrées de l'utilisateur avant de les placer dans les URL
- Utilisez encodeURIComponent pour les valeurs des paramètres de requête, encodeURI pour les URL complètes
- Décodez les URL avant de les afficher aux utilisateurs pour plus de lisibilité
- Soyez cohérent avec le codage dans toute votre application
- Testez les URL avec des caractères spéciaux dans différents navigateurs