Parser di URL ed editor di query string

Parser di URL, parser di user agent e ricerca MIME type

Parser di URL: scomponi un URL, modifica i parametri, aggiungi UTM | We.Inc

Scomponi qualsiasi URL in protocollo, host, percorso, query e hash, modifica i parametri della query in una tabella, aggiungi tag UTM, leggi una stringa user agent e cerca i MIME type. Gira nel tuo browser.

Un URL si divide in un protocollo (https:), un nome utente e una password facoltativi, un nome host, una porta facoltativa, un percorso, una query string dopo ? e un frammento dopo #. Incolla qualsiasi link qui sotto per vedere ogni parte, decodificare i parametri della query in una tabella modificabile e ricostruire il link con le tue modifiche.

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

Parte
Valore

?size=9&color=red

Tre piccoli strumenti in un unico posto: un parser di URL con un editor dei parametri della query e campi UTM, un lettore di user agent e un elenco consultabile dei MIME type che i server web inviano più spesso.

Incolla un URL. Se ometti https://, il parser lo aggiunge così funziona anche un dominio senza protocollo.
Leggi ogni parte nella tabella, con la query string decodificata in righe di nome e valore.
Modifica, aggiungi o rimuovi parametri, oppure compila i campi UTM, poi copia l'URL ricostruito.
Passa alla scheda User agent per leggere la stringa di un browser, o alla scheda MIME type per cercare un'estensione di file.

Il parser è lo stesso che usa il browser, quindi quello che vedi qui è esattamente il modo in cui un link verrà letto da fetch, da un router o da uno script di analytics.
Le chiavi ripetute sono ammesse: ?tag=a&tag=b conserva entrambi i valori. Molti framework leggono solo il primo, quindi verifica prima di farci affidamento.
Un + in una query string indica uno spazio quando si applicano le regole di codifica dei form. Codifica un vero segno più come %2B.
I frammenti dopo # non vengono mai inviati al server. Tutto ciò che il server deve vedere va nel percorso o nella query.

Domande frequenti

Qual è la differenza tra host e hostname?

hostname è solo il dominio o l'indirizzo IP, ad esempio shop.example.com. host aggiunge la porta quando è indicata, ad esempio shop.example.com:8080. Quando la porta è quella predefinita del protocollo (443 per https), il parser la omette in entrambi.

Come leggo i parametri della query in JavaScript?

Usa new URL(link).searchParams, poi chiama get("name") per un singolo valore o getAll("name") per le chiavi ripetute. Per la pagina corrente, new URLSearchParams(location.search) fa la stessa cosa. Entrambi decodificano la percent-encoding al posto tuo.

Quanto è affidabile l'analisi dello user agent?

Consideralo un indizio. I browser basati su Chromium ora inviano una stringa ridotta in cui la versione del sistema operativo e il modello del dispositivo sono bloccati su valori fissi, e qualsiasi browser può inviare la stringa che preferisce. Per decidere quali funzionalità usare, verifica direttamente la funzionalità.

Quale MIME type devono usare i file JavaScript?

text/javascript. La specifica attuale (RFC 9239) lo rende l'unico tipo standard e indica application/javascript e gli altri come obsoleti, anche se i browser li accettano ancora.

Lo strumento invia i miei URL da qualche parte?

No. L'analisi avviene nel tuo browser con il suo parser di URL integrato e niente viene caricato o registrato.

Perché analizzare gli URL con il parser della piattaforma

Scomporre un URL con un'espressione regolare o con i metodi delle stringhe non regge nei casi limite: credenziali prima dell'host, indirizzi IPv6 tra parentesi quadre, porte, caratteri codificati e percorsi relativi. La classe URL integrata nei browser e in Node segue il WHATWG URL Standard, quindi gestisce tutti questi casi esattamente come fa il browser quando qualcuno clicca sul link.
Inoltre normalizza durante l'analisi. L'host viene convertito in minuscolo, le porte predefinite vengono eliminate e i segmenti con punti nel percorso vengono risolti, cosa utile quando confronti due link che sembrano diversi ma puntano allo stesso posto.

Tenere in ordine i tag UTM

I parametri UTM dicono agli strumenti di analytics quale campagna ha portato un visitatore. Scegli una sola grafia per ogni source e medium e mantienila, perché email, Email ed e-mail compaiono come tre righe separate nei report.
Non aggiungere mai tag UTM ai link interni del tuo sito. Nella maggior parte degli strumenti di analytics avviano una nuova sessione e sovrascrivono la vera sorgente della visita.

URL

(predefinita)

Parti dell'URL

Parte

Valore

Parametri della query

Nessun parametro oltre ai tag UTM.

Nome del parametro {n}

Valore del parametro {n}

Rimuovi {name}

Rimuovi

Aggiungi parametro

Tag UTM

URL ricostruito

Copia URL

Copia decodificato

Stringa user agent (la tua è già inserita)

Ipotesi migliore in base alla stringa

Campo

Browser

Motore

Sistema operativo

Dispositivo

Sembra un bot

Sì

I browser Chromium bloccano parti di questa stringa, quindi versioni e modelli di dispositivo potrebbero essere valori segnaposto.

Cerca per estensione, tipo o utilizzo

{n} MIME type

Estensione

MIME type

Usato per

Analizza

Strumento

URL

User agent

MIME type

Inizia gratis · Nessuna carta di credito richiesta

Correlati: Strumenti gratuiti

Prodotto

Per chi è

Funzionalità

Risorse

Azienda

Mappa del sito