Analyser une URL _

Comment fonctionne l'analyse d'URL

L'analyseur repose sur la norme WHATWG URL, le même algorithme qu'utilise le navigateur pour tout href. Nous transmettons la chaîne au constructeur natif URL et lisons chaque composant en tant que propriété.

1. Valider l'entrée. Une chaîne vide affiche un avis d'entrée vide. Sinon, nous passons le texte à new URL(text) ; un TypeError indique que la chaîne n'est pas une URL absolue valide.
2. Lire les composants structurels. Nous lisons protocol, username, password, host, hostname, port, pathname, search, hash et origin depuis l'objet URL. Chacun apparaît dans sa propre ligne pour être copié isolément.
3. Parcourir la chaîne de requête. Nous itérons url.searchParams.entries() et affichons une ligne de tableau par clé. La valeur brute est placée à côté de decodeURIComponent(value) afin que les charges utiles encodées en pourcent (espaces, signes plus, Unicode) soient lisibles en clair.
4. Reconstruire à la demande. Modifiez n'importe quelle cellule, supprimez une ligne ou ajoutez un nouveau paramètre, puis cliquez sur Reconstruire l'URL. L'outil reconstruit un nouvel objet URL à partir de vos modifications et écrit le résultat dans la zone de saisie.
5. Mode en direct. Activez le mode en direct et chaque frappe réanalyse l'URL avec un anti-rebond de 150 ms. Utile lorsque vous collez des fragments d'un journal et souhaitez un retour immédiat.

Pourquoi analyser une URL dans votre navigateur

• Rien ne quitte l'onglet. Les URL transportent des jetons, des identifiants de session, des états OAuth et des paramètres de requête signés que vous ne souhaitez pas confier à un service tiers. Cet analyseur utilise le même algorithme URL que votre navigateur exécute localement — aucun envoi, aucun appel réseau.
• Correspond à ce que voit votre code. Node.js, Deno, les navigateurs modernes et Cloudflare Workers embarquent tous l'implémentation WHATWG URL. Inspecter une URL ici vous donne la même décomposition qu'un appel new URL(input) en production.
• Lit les chaînes de requête comme les humains. Les valeurs brutes et décodées sont côte à côte, ainsi une paire q=hello%20world affiche à la fois les octets bruts et le texte lisible hello world d'un seul coup d'œil. Aucun décodage mental requis.
• Édition aller-retour. Supprimez un paramètre de suivi, corrigez une faute dans le chemin, changez un port — et reconstruisez l'URL. Le résultat repasse dans le constructeur URL, donc toute valeur invalide est détectée avant que vous ne la copiez.

Applications courantes

L'analyse d'URL apparaît dans le travail quotidien des développeurs, experts sécurité et analystes dès qu'une URL est plus qu'un simple lien.

• Débogage des points de terminaison d'API : confirmez l'URL de base, le chemin et les paramètres de requête avant d'envoyer une requête curl ou Postman.
• Audits de paramètres de suivi : listez chaque clé UTM, gclid, fbclid ou campagne sur l'URL d'une page de destination et décidez lesquelles conserver.
• Validation des liens affiliés et partenaires : collez un lien profond, confirmez l'hôte de destination et la cible de redirection intégrée avant publication.

Un exemple concret

Collez https://example.com/search?q=hello%20world&lang=en dans la zone de saisie. Le protocole affiche https:, le nom d'hôte affiche example.com, le chemin affiche /search et la recherche affiche ?q=hello%20world&lang=en. Le tableau de requête montre deux lignes : q avec la valeur brute hello%20world et la valeur décodée hello world, puis lang avec les deux valeurs brute et décodée en. Cliquez sur Supprimer sur la ligne lang, puis sur Reconstruire l'URL — la zone de saisie se met à jour avec https://example.com/search?q=hello%20world.

FAQ

Qu'est-ce qu'un analyseur d'URL ?

Un analyseur d'URL prend une chaîne URL et la décompose en composants nommés : protocole (https), infos utilisateur (nom d'utilisateur, mot de passe), hôte (nom d'hôte plus port optionnel), chemin, chaîne de requête et fragment. Il décode également chaque paramètre de requête afin que les valeurs encodées en pourcent (comme %20 pour un espace) soient lisibles. L'analyseur ici utilise la norme WHATWG URL, la même que celle qu'utilise votre navigateur pour charger une page.

Quelle est la différence entre hôte et nom d'hôte ?

Le nom d'hôte est uniquement le domaine (ou l'adresse IP) — pour example.com:8080 le nom d'hôte est example.com. L'hôte est le nom d'hôte plus le port lorsqu'un port non standard est présent, donc la même URL a un hôte example.com:8080. Pour les URL sur des ports par défaut (443 pour https, 80 pour http), l'hôte et le nom d'hôte sont identiques.

Le décodage se fait-il automatiquement ?

Les composants structurels (protocole, nom d'hôte, port, chemin) sont lus directement depuis l'objet URL sans décodage supplémentaire — le constructeur URL les normalise déjà. Les valeurs de requête sont affichées deux fois : la chaîne brute encodée en pourcent telle qu'elle apparaît dans search, et la valeur décodée produite par decodeURIComponent. Vous pouvez ainsi copier la forme attendue par votre outil en aval.

Puis-je modifier et reconstruire l'URL ?

Oui. Chaque cellule de composant et chaque cellule de paramètre de requête est modifiable. Ajoutez ou supprimez des lignes de requête avec les boutons Ajouter et Supprimer, puis cliquez sur Reconstruire l'URL. L'outil repasse vos modifications dans le constructeur URL et écrit le résultat dans la zone de saisie — si les modifications produisent une URL invalide, vous obtenez le même message d'erreur qu'avec new URL() dans votre propre code.

L'analyse d'URL est l'une de ces petites tâches que chaque développeur web effectue chaque semaine. La réaliser dans le navigateur, avec le même algorithme qu'utilise le code en production, maintient le travail rapide et les données sur votre machine.