URL Parser & Builder
Understand URL Parser & Builder
Découpe une URL en protocole, hôte, port, chemin, paramètres de requête et fragment, et reconstruit une URL valide à partir de ces éléments.
How it works
L'analyse s'appuie sur l'API URL WHATWG intégrée au navigateur plutôt que sur une expression régulière, si bien qu'elle applique la même normalisation que la barre d'adresse : elle met le schéma et l'hôte en minuscules, supprime les ports par défaut (https://example.com:443 devient https://example.com), convertit les domaines internationalisés en punycode et encode en pourcent ce qui doit l'être. Les paramètres de requête sont lus via URLSearchParams, qui décode chaque clé et chaque valeur et traite le « + » d'une chaîne de requête comme une espace. Reconstruire une URL à partir de ses éléments réencode automatiquement, et c'est la raison de préférer cet outil à une concaténation de chaînes.
When to use it
- Décortiquer une longue URL de rappel OAuth ou de suivi pour voir exactement quels paramètres sont présents et ce qu'ils donnent une fois décodés
- Vérifier qu'une cible de redirection que vous vous apprêtez à accepter pointe bien vers l'hôte que vous croyez — c'est le nom d'hôte analysé qu'il faut comparer, pas une sous-chaîne de l'URL entière
- Assembler une URL avec des valeurs de requête fournies par l'utilisateur sans encoder à la main les esperluettes, les espaces et les barres obliques
- Confirmer qu'un segment de chemin encodé en pourcent (%2F face à /) survit comme votre routeur l'attend
Watch out for
- Les clés de requête répétées sont écrasées. `?tag=a&tag=b` est légal et fréquent, mais une simple vue clé/valeur ne conserve que la dernière valeur — utilisez `searchParams.getAll("tag")` dans votre code quand les doublons comptent.
- Le fragment placé après `#` n'est jamais envoyé au serveur. Il n'existe que dans le navigateur, et c'est pourquoi y placer un jeton le cache des journaux serveur mais d'aucun script de la page.
- Seules les URL absolues s'analysent. Un chemin relatif comme `/v2/users` n'a ni schéma ni hôte et exige une URL de base avant de pouvoir être analysé.
- Des identifiants intégrés sous la forme `https://user:pass@host/` s'analysent malgré tout, et ils apparaîtront aussi dans les en-têtes Referer, l'historique du navigateur et les journaux de mandataires. Les voir ici est une raison de les retirer, pas de les garder.
Frequently Asked Questions
Comment extraire les paramètres de requête d'une URL ?
Collez l'URL. L'outil découpe la chaîne de requête (tout ce qui suit le ?) en paires clé=valeur individuelles. Par exemple, ?page=2&sort=date&order=asc devient trois paramètres : page=2, sort=date, order=asc, chacun décodé automatiquement.
À quoi sert le fragment d'URL (#hash) ?
Le fragment (tout ce qui suit le #) n'est PAS envoyé au serveur — il reste dans le navigateur. Il fait défiler jusqu'à un élément portant cet identifiant (id="section-2"), déclenche le routage côté client dans les SPA (React Router, Vue Router), ou transporte un état pour des parcours OAuth (access_token dans les flux implicites).
Comment construire une URL avec des paramètres de requête par programme ?
Utilisez l'API URLSearchParams en JavaScript : const params = new URLSearchParams({page: 2, sort: 'date'}); url.search = params.toString(). Les caractères spéciaux sont ainsi encodés correctement — évitez la concaténation manuelle de chaînes.
How to Use URL Parser & Builder
- Paste or type your input in the input area above.
- The tool processes your input automatically or click Run.
- Copy or download the result using the action buttons.
- Use Ctrl+Enter to run quickly from the keyboard.