URL-Parser und Query-String-Editor

URL-Parser, User-Agent-Parser und MIME-Typ-Suche

URL-Parser: URL zerlegen, Query-Parameter bearbeiten, UTMs hinzufügen | We.Inc

Zerlege jede URL in Protokoll, Host, Pfad, Query und Hash, bearbeite die Query-Parameter in einer Tabelle, füge UTM-Tags hinzu, lies einen User-Agent-String aus und schlage MIME-Typen nach. Läuft in deinem Browser.

Eine URL besteht aus einem Protokoll (https:), optional Benutzername und Passwort, einem Hostnamen, optional einem Port, einem Pfad, einem Query-String nach ? und einem Fragment nach #. Füge unten einen beliebigen Link ein, um jeden Teil zu sehen, die Query-Parameter in eine bearbeitbare Tabelle zu entschlüsseln und den Link mit deinen Änderungen neu zusammenzusetzen.

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

Teil
Wert

?size=9&color=red

Drei kleine Tools an einem Ort: ein URL-Parser mit Editor für Query-Parameter und UTM-Feldern, ein User-Agent-Leser und eine durchsuchbare Liste der MIME-Typen, die Webserver am häufigsten senden.

Füge eine URL ein. Wenn du https:// weglässt, ergänzt der Parser es, sodass auch eine reine Domain funktioniert.
Lies jeden Teil in der Tabelle ab, wobei der Query-String in Zeilen mit Name und Wert entschlüsselt wird.
Bearbeite, ergänze oder entferne Parameter oder fülle die UTM-Felder aus und kopiere dann die neu zusammengesetzte URL.
Wechsle zum Tab User-Agent, um einen Browser-String auszulesen, oder zum Tab MIME-Typen, um eine Dateiendung nachzuschlagen.

Der Parser ist derselbe, den der Browser verwendet. Was du hier siehst, ist also genau das, wie fetch, ein Router oder ein Analyse-Skript einen Link liest.
Wiederholte Schlüssel sind erlaubt: ?tag=a&tag=b behält beide Werte. Viele Frameworks lesen nur den ersten, prüfe das also, bevor du dich darauf verlässt.
Ein + in einem Query-String bedeutet ein Leerzeichen, wenn die Regeln für Formular-Codierung gelten. Codiere ein echtes Pluszeichen als %2B.
Fragmente nach # werden nie an den Server gesendet. Alles, was ein Server sehen muss, gehört in den Pfad oder die Query.

Häufige Fragen

Was ist der Unterschied zwischen host und hostname?

hostname ist nur die Domain oder IP-Adresse, etwa shop.example.com. host ergänzt den Port, wenn einer angegeben ist, etwa shop.example.com:8080. Ist der Port der Standard für das Protokoll (443 für https), lässt der Parser ihn bei beiden weg.

Wie lese ich Query-Parameter in JavaScript aus?

Verwende new URL(link).searchParams und rufe dann get("name") für einen Wert oder getAll("name") für wiederholte Schlüssel auf. Für die aktuelle Seite erledigt new URLSearchParams(location.search) dasselbe. Beide entschlüsseln die Prozent-Codierung für dich.

Wie zuverlässig ist das Auslesen des User-Agents?

Betrachte es als Hinweis. Chromium-basierte Browser melden inzwischen einen reduzierten String, in dem Betriebssystemversion und Gerätemodell auf feste Werte eingefroren sind, und jeder Browser kann einen beliebigen String senden. Für Entscheidungen über Funktionen teste stattdessen direkt auf die Funktion.

Welchen MIME-Typ sollten JavaScript-Dateien verwenden?

text/javascript. Die aktuelle Spezifikation (RFC 9239) macht ihn zum einzigen Standardtyp und kennzeichnet application/javascript und die anderen als veraltet, auch wenn Browser sie weiterhin akzeptieren.

Sendet das Tool meine URLs irgendwohin?

Nein. Das Zerlegen passiert in deinem Browser mit seinem eingebauten URL-Parser, und nichts wird hochgeladen oder protokolliert.

Warum du URLs mit dem Parser der Plattform zerlegen solltest

Wer eine URL mit einem regulären Ausdruck oder String-Methoden zerlegt, scheitert an den Sonderfällen: Benutzerdaten vor dem Host, IPv6-Adressen in eckigen Klammern, Ports, codierte Zeichen und relative Pfade. Die in Browser und Node eingebaute Klasse URL folgt dem WHATWG URL Standard und behandelt all das genauso wie der Browser, wenn jemand auf den Link klickt.
Außerdem normalisiert sie nebenbei. Der Host wird kleingeschrieben, Standard-Ports fallen weg und Punkt-Segmente im Pfad werden aufgelöst. Das ist praktisch, wenn du zwei Links vergleichst, die unterschiedlich aussehen, aber auf dasselbe Ziel zeigen.

UTM-Tags sauber halten

UTM-Parameter verraten der Analyse, welche Kampagne einen Besucher geschickt hat. Lege dich pro Quelle und Medium auf eine Schreibweise fest und bleib dabei, denn email, Email und e-mail erscheinen in Berichten als drei getrennte Zeilen.
Füge UTM-Tags niemals zu internen Links auf deiner eigenen Website hinzu. In den meisten Analyse-Tools starten sie eine neue Sitzung und überschreiben die echte Quelle des Besuchs.

URL

(Standard)

URL-Bestandteile

Teil

Wert

Query-Parameter

Keine Parameter außer UTM-Tags.

Name von Parameter {n}

Wert von Parameter {n}

{name} entfernen

Entfernen

Parameter hinzufügen

UTM-Tags

Neu zusammengesetzte URL

URL kopieren

Entschlüsselt kopieren

User-Agent-String (deiner ist eingetragen)

Beste Schätzung anhand des Strings

Feld

Browser

Engine

Betriebssystem

Gerät

Sieht nach einem Bot aus

Nein

Chromium-Browser frieren Teile dieses Strings ein, daher können Versionen und Gerätemodelle Platzhalter sein.

Nach Endung, Typ oder Verwendung suchen

{n} MIME-Typen

Endung

MIME-Typ

Verwendet für

Zerlegen

Tool

URL

User-Agent

MIME-Typen

Kostenlos starten · Keine Kreditkarte nötig

Verwandt: Kostenlose Tools

Produkt

Für wen

Funktionen

Ressourcen

Unternehmen

Sitemap