Analyseur d'URL et éditeur de query string

Analyseur d'URL, lecteur de user agent et recherche de types MIME

Analyseur d'URL : décomposer une URL, modifier les paramètres, ajouter des UTM | We.Inc

Décomposez n'importe quelle URL en protocole, hôte, chemin, requête et ancre, modifiez les paramètres de requête dans un tableau, ajoutez des balises UTM, lisez une chaîne user agent et recherchez des types MIME. Fonctionne dans votre navigateur.

Une URL se décompose en un protocole (https:), un nom d'utilisateur et un mot de passe facultatifs, un nom d'hôte, un port facultatif, un chemin, une chaîne de requête après ? et un fragment après #. Collez un lien ci-dessous pour voir chaque partie, décoder les paramètres de requête dans un tableau modifiable et reconstruire le lien avec vos changements.

Parties de https://shop.example.com:8080/shoes/run?size=9&color=red#reviews

Partie
Valeur

?size=9&color=red

Trois petits outils réunis au même endroit : un analyseur d'URL avec un éditeur de paramètres de requête et des champs UTM, un lecteur de user agent, et une liste consultable des types MIME que les serveurs web envoient le plus souvent.

Collez une URL. Si vous omettez https://, l'analyseur l'ajoute pour qu'un simple nom de domaine fonctionne aussi.
Lisez chaque partie dans le tableau, avec la chaîne de requête décodée en lignes nom et valeur.
Modifiez, ajoutez ou supprimez des paramètres, ou remplissez les champs UTM, puis copiez l'URL reconstruite.
Passez à l'onglet User agent pour lire une chaîne de navigateur, ou à l'onglet Types MIME pour rechercher une extension de fichier.

L'analyseur est celui qu'utilise le navigateur, donc ce que vous voyez ici correspond exactement à la façon dont un lien sera lu par fetch, un routeur ou un script d'analytics.
Les clés répétées sont autorisées : ?tag=a&tag=b conserve les deux valeurs. Beaucoup de frameworks ne lisent que la première, vérifiez donc avant de vous y fier.
Un + dans une chaîne de requête signifie un espace lorsque les règles d'encodage de formulaire s'appliquent. Encodez un vrai signe plus en %2B.
Les fragments après # ne sont jamais envoyés au serveur. Tout ce que le serveur doit voir a sa place dans le chemin ou la requête.

Questions fréquentes

Quelle est la différence entre host et hostname ?

hostname est le domaine ou l'adresse IP seul, par exemple shop.example.com. host ajoute le port lorsqu'il est indiqué, par exemple shop.example.com:8080. Quand le port est celui par défaut du protocole (443 pour https), l'analyseur l'omet dans les deux.

Comment récupérer les paramètres de requête en JavaScript ?

Utilisez new URL(link).searchParams, puis appelez get("name") pour une valeur ou getAll("name") pour les clés répétées. Pour la page courante, new URLSearchParams(location.search) fait le même travail. Les deux décodent l'encodage pourcent pour vous.

L'analyse du user agent est-elle fiable ?

Considérez-la comme un indice. Les navigateurs basés sur Chromium envoient désormais une chaîne réduite où la version du système d'exploitation et le modèle de l'appareil sont figés sur des valeurs fixes, et n'importe quel navigateur peut envoyer la chaîne qu'il veut. Pour décider d'une fonctionnalité, testez plutôt la fonctionnalité elle-même.

Quel type MIME utiliser pour les fichiers JavaScript ?

text/javascript. La spécification actuelle (RFC 9239) en fait le seul type standard et déclare application/javascript et les autres obsolètes, même si les navigateurs les acceptent encore.

L'outil envoie-t-il mes URL quelque part ?

Non. L'analyse se fait dans votre navigateur avec son analyseur d'URL intégré, et rien n'est envoyé ni enregistré.

Pourquoi analyser les URL avec l'analyseur de la plateforme

Découper une URL avec une expression régulière ou des méthodes de chaîne échoue sur les cas limites : informations d'utilisateur avant l'hôte, adresses IPv6 entre crochets, ports, caractères encodés et chemins relatifs. La classe URL intégrée aux navigateurs et à Node suit le WHATWG URL Standard, elle gère donc tous ces cas exactement comme le navigateur lorsque quelqu'un clique sur le lien.
Elle normalise aussi au passage. L'hôte est mis en minuscules, les ports par défaut sont supprimés et les segments à points du chemin sont résolus, ce qui est pratique pour comparer deux liens qui semblent différents mais mènent au même endroit.

Garder des balises UTM propres

Les paramètres UTM indiquent à l'outil d'analytics quelle campagne a amené un visiteur. Choisissez une seule orthographe par source et par support et tenez-vous-y, car email, Email et e-mail apparaissent comme trois lignes distinctes dans les rapports.
N'ajoutez jamais de balises UTM aux liens internes de votre propre site. Dans la plupart des outils d'analytics, elles démarrent une nouvelle session et écrasent la vraie source de la visite.

URL

(par défaut)

Parties de l'URL

Partie

Valeur

Paramètres de requête

Aucun paramètre en dehors des balises UTM.

Nom du paramètre {n}

Valeur du paramètre {n}

Supprimer {name}

Supprimer

Ajouter un paramètre

Balises UTM

URL reconstruite

Copier l'URL

Copier décodée

Chaîne user agent (la vôtre est pré-remplie)

Meilleure estimation à partir de la chaîne

Champ

Navigateur

Moteur

Système d'exploitation

Appareil

Ressemble à un robot

Oui

Non

Les navigateurs Chromium figent certaines parties de cette chaîne, les versions et modèles d'appareil peuvent donc être des valeurs de substitution.

Rechercher par extension, type ou usage

{n} types MIME

Extension

Type MIME

Utilisé pour

Analyser

Outil

URL

User agent

Types MIME

Commencer gratuitement · Sans carte bancaire

Analyseur d'URL et éditeur de query string

Analyseur d'URL, lecteur de user agent et recherche de types MIME

Analyseur d'URL : décomposer une URL, modifier les paramètres, ajouter des UTM | We.Inc

Questions fréquentes

Quelle est la différence entre host et hostname ?

Comment récupérer les paramètres de requête en JavaScript ?

L'analyse du user agent est-elle fiable ?

Quel type MIME utiliser pour les fichiers JavaScript ?

L'outil envoie-t-il mes URL quelque part ?

Pourquoi analyser les URL avec l'analyseur de la plateforme

Garder des balises UTM propres

Voir aussi: Outils gratuits

Produit

Pour qui

Fonctionnalités

Ressources

Entreprise