Analizează un URL _

Cum funcționează analiza URL-urilor

Analizatorul rulează conform standardului WHATWG URL, același algoritm pe care browserul îl folosește pentru orice href. Transmitem șirul constructorului nativ URL și citim înapoi fiecare componentă ca proprietate.

1. Validează intrarea. Un șir gol afișează o notificare de intrare goală. Altfel, transmitem textul către new URL(text); o TypeError înseamnă că șirul nu este un URL absolut valid.
2. Citește componentele structurale. Citim protocol, username, password, host, hostname, port, pathname, search, hash și origin din obiectul URL. Fiecare ajunge în propriul rând, astfel încât să îl poți copia izolat.
3. Parcurge șirul de interogare. Iterăm url.searchParams.entries() și redăm un rând de tabel per cheie. Valoarea brută stă lângă decodeURIComponent(value) pentru ca încărcăturile percent-encoded (spații, semne plus, Unicode) să fie citite în limbaj simplu.
4. Reconstruiește la cerere. Editează orice celulă, șterge un rând sau adaugă un parametru nou, apoi dă clic pe Construiește URL. Instrumentul reconstruiește un obiect URL proaspăt din editările tale și scrie rezultatul înapoi în caseta de intrare.
5. Mod live. Comută modul live și fiecare apăsare de tastă re-analizează URL-ul cu un debounce de 150 ms. Util când lipești fragmente dintr-un jurnal și dorești feedback imediat.

De ce să analizezi un URL în browserul tău

• Nimic nu părăsește fila. URL-urile transportă token-uri, ID-uri de sesiune, stări OAuth și parametri de interogare semnați pe care nu dorești ca un serviciu terț să le rețină. Acest analizator folosește același algoritm URL pe care browserul tău îl rulează deja local — fără încărcare, fără apel de rețea.
• Se potrivește cu ceea ce vede codul tău. Node.js, Deno, browserele moderne și Cloudflare Workers includ toate implementarea WHATWG URL. Inspectarea unui URL aici îți oferă aceeași împărțire pe componente pe care un apel new URL(input) ți-o oferă în producție.
• Citește șirurile de interogare așa cum o fac oamenii. Valorile brute și decodificate stau una lângă alta, astfel încât o pereche q=hello%20world afișează atât octeții din fir, cât și hello world lizibil dintr-o singură privire. Fără a fi nevoie de decodificare URL mentală.
• Editare dus-întors. Elimină un parametru de urmărire, corectează o greșeală în cale, schimbă un port — și reconstruiește URL-ul. Rezultatul trece înapoi prin constructorul URL, astfel încât orice intrare nevalidă apare înainte de a o copia.

Aplicații comune

Analiza URL-urilor apare în munca zilnică a dezvoltatorilor, a specialiștilor în securitate și a analiștilor ori de câte ori un URL este mai mult decât un simplu link.

• Depanarea endpoint-urilor API: confirmă un URL de bază, o cale și parametrii de interogare înainte de a trimite o cerere curl sau Postman.
• Auditarea parametrilor de urmărire: listează fiecare UTM, gclid, fbclid sau cheie de campanie pe un URL al unei pagini de destinație și decide pe care să le păstrezi.
• Validarea link-urilor afiliate și partenere: lipește un deeplink, confirmă host-ul de destinație și ținta de redirecționare încorporată înainte de publicare.

Un exemplu practic

Lipește https://example.com/search?q=hello%20world&lang=en în intrare. Protocolul citește https:, hostname-ul citește example.com, pathname-ul citește /search, iar căutarea citește ?q=hello%20world&lang=en. Tabelul de interogare arată două rânduri: q cu valoarea brută hello%20world și valoarea decodificată hello world, apoi lang cu ambele valori brute și decodificate en. Dă clic pe Elimină pe rândul lang, apoi Construiește URL — intrarea se actualizează la https://example.com/search?q=hello%20world.

FAQ

Ce este un analizator URL?

Un analizator URL preia un șir URL și îl descompune în componente numite: protocol (https), userinfo (nume utilizator, parolă), host (hostname plus port opțional), cale, șir de interogare și fragment. De asemenea, decodifică fiecare parametru de interogare, astfel încât valorile percent-encoded (precum %20 pentru un spațiu) să fie lizibile. Analizatorul de aici folosește standardul WHATWG URL, același pe care browserul tău îl folosește pentru a încărca o pagină.

Care este diferența dintre host și hostname?

Hostname este doar domeniul (sau adresa IP) — pentru example.com:8080 hostname-ul este example.com. Host este hostname-ul plus portul atunci când un port non-implicit este prezent, deci același URL are un host de example.com:8080. Pentru URL-uri pe porturi implicite (443 pentru https, 80 pentru http), host-ul și hostname-ul sunt identice.

Decodificarea are loc automat?

Componentele structurale (protocol, hostname, port, pathname) se citesc direct din obiectul URL fără decodificare suplimentară — constructorul URL le normalizează deja. Valorile de interogare sunt afișate de două ori: șirul percent-encoded brut așa cum apare în search și valoarea decodificată produsă de decodeURIComponent. Astfel poți copia forma de care instrumentul tău din aval are nevoie.

Pot edita și reconstrui URL-ul?

Da. Fiecare celulă de componente și fiecare celulă de parametru de interogare este editabilă. Adaugă sau elimină rânduri de interogare cu butoanele Adaugă și Elimină, apoi dă clic pe Construiește URL din părți. Instrumentul rulează editările tale înapoi prin constructorul URL și scrie rezultatul în intrare — dacă editările produc un URL nevalid, primești același mesaj de eroare pe care l-ai primi de la new URL() în propriul cod.

Analiza URL-urilor este una dintre acele mici sarcini pe care fiecare dezvoltator web le face în fiecare săptămână. Făcând-o în browser, cu același algoritm pe care codul de producție îl folosește, menține munca rapidă și datele pe mașina ta.