URL-parser en querystring-editor

URL-parser, user-agent-parser en MIME-type-opzoeker

URL-parser: URL splitsen, queryparameters bewerken, UTM's toevoegen | We.Inc

Splits elke URL in protocol, host, pad, query en hash, bewerk de queryparameters in een tabel, voeg UTM-tags toe, lees een user-agent-string en zoek MIME-types op. Werkt in uw browser.

Een URL bestaat uit een protocol (https:), een optionele gebruikersnaam en wachtwoord, een hostnaam, een optionele poort, een pad, een querystring na ? en een fragment na #. Plak hieronder een willekeurige link om elk onderdeel te zien, de queryparameters te decoderen in een bewerkbare tabel en de link met uw wijzigingen opnieuw op te bouwen.

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

Onderdeel
Waarde

?size=9&color=red

Drie kleine tools op één plek: een URL-parser met een editor voor queryparameters en UTM-velden, een user-agent-lezer en een doorzoekbare lijst van de MIME-types die webservers het vaakst versturen.

Plak een URL. Laat u https:// weg, dan voegt de parser het toe, zodat een kaal domein ook werkt.
Bekijk elk onderdeel in de tabel, met de querystring gedecodeerd in rijen met naam en waarde.
Bewerk, voeg toe of verwijder parameters, of vul de UTM-velden in, en kopieer dan de opnieuw opgebouwde URL.
Ga naar het tabblad User agent om een browserstring te lezen, of naar het tabblad MIME-types om een bestandsextensie op te zoeken.

De parser is dezelfde die de browser gebruikt, dus wat u hier ziet is precies hoe een link wordt gelezen door fetch, een router of een analysescript.
Herhaalde sleutels zijn toegestaan: ?tag=a&tag=b behoudt beide waarden. Veel frameworks lezen alleen de eerste, dus controleer dat voordat u erop vertrouwt.
Een + in een querystring betekent een spatie wanneer de regels voor formuliercodering gelden. Codeer een echt plusteken als %2B.
Fragmenten na # worden nooit naar de server gestuurd. Alles wat een server moet zien, hoort in het pad of de query.

Veelgestelde vragen

Wat is het verschil tussen host en hostname?

hostname is alleen het domein of IP-adres, zoals shop.example.com. host voegt de poort toe als die is opgegeven, zoals shop.example.com:8080. Is de poort de standaard voor het protocol (443 voor https), dan laat de parser hem in beide weg.

Hoe haal ik queryparameters op in JavaScript?

Gebruik new URL(link).searchParams en roep dan get("name") aan voor één waarde of getAll("name") voor herhaalde sleutels. Voor de huidige pagina doet new URLSearchParams(location.search) hetzelfde. Beide decoderen percentcodering voor u.

Hoe betrouwbaar is het ontleden van een user agent?

Beschouw het als een hint. Op Chromium gebaseerde browsers sturen nu een ingekorte string waarin de versie van het besturingssysteem en het apparaatmodel op vaste waarden zijn bevroren, en elke browser kan elke gewenste string sturen. Test voor beslissingen over functies liever de functie zelf.

Welk MIME-type moeten JavaScript-bestanden gebruiken?

text/javascript. De huidige specificatie (RFC 9239) maakt dit het enige standaardtype en markeert application/javascript en de andere als verouderd, al accepteren browsers ze nog steeds.

Stuurt de tool mijn URL's ergens naartoe?

Nee. Het ontleden gebeurt in uw browser met de ingebouwde URL-parser en er wordt niets geüpload of gelogd.

Waarom URL's ontleden met de parser van het platform

Een URL splitsen met een reguliere expressie of stringmethoden gaat mis bij de randgevallen: gebruikersgegevens vóór de host, IPv6-adressen tussen vierkante haken, poorten, gecodeerde tekens en relatieve paden. De URL-klasse die in browsers en Node is ingebouwd volgt de WHATWG URL Standard en behandelt al die gevallen dus precies zoals de browser doet wanneer iemand op de link klikt.
Hij normaliseert ook meteen. De host wordt in kleine letters gezet, standaardpoorten vallen weg en puntsegmenten in het pad worden opgelost, wat handig is als u twee links vergelijkt die er anders uitzien maar naar dezelfde plek wijzen.

UTM-tags netjes houden

UTM-parameters vertellen uw analysetool welke campagne een bezoeker heeft gestuurd. Kies één schrijfwijze per bron en medium en houd u daaraan, want email, Email en e-mail verschijnen als drie aparte rijen in rapporten.
Voeg nooit UTM-tags toe aan interne links op uw eigen site. Ze starten in de meeste analysetools een nieuwe sessie en overschrijven de echte bron van het bezoek.

URL

(standaard)

URL-onderdelen

Onderdeel

Waarde

Queryparameters

Geen parameters behalve UTM-tags.

Naam van parameter {n}

Waarde van parameter {n}

{name} verwijderen

Verwijderen

Parameter toevoegen

UTM-tags

Opnieuw opgebouwde URL

URL kopiëren

Gedecodeerd kopiëren

User-agent-string (die van u is al ingevuld)

Beste schatting op basis van de string

Veld

Browser

Engine

Besturingssysteem

Apparaat

Lijkt op een bot

Nee

Chromium-browsers bevriezen delen van deze string, dus versies en apparaatmodellen kunnen tijdelijke waarden zijn.

Zoek op extensie, type of gebruik

{n} MIME-types

Extensie

MIME-type

Gebruikt voor

Ontleden

Tool

URL

User agent

MIME-types

Gratis beginnen · Geen creditcard nodig

Gerelateerd: Gratis tools

Product

Voor wie

Functies

Bronnen

Bedrijf

Sitemap