web browserin urlin laajennettu, parsettu näkymä...?

[golemus]

Onko web selaimia mahdollista modata niin, että urlit näkyy koodaajalle selkeemmässä muodossa? Haluaisin oppia web koodaamista paremmin tai muutenkin ymmärtää web saittien teknistä toimintaa. Ekana tuli mieleen joku laajennettu 2-3 rivin address bar, jossa URL on jotenkin parsettu enemmän ymmärtävään muotoon. Tosi pitkille urleille ei sekään välttis riitä vaan pitää olla joku isompi ikkuna. Havainnollistan asiaa esimerkeillä alla:



Tämä on tyypillinen näkymä:
--------

Google Maps

Find local businesses, view maps and get driving directions in Google Maps.

www.google.fi

--------


Tältä haluaisin näyttävän:
--------

Google

/maps/
@ 60.179855 , 24.733163 , 5097m
/data = !3m1!1e3!5m1!1e1
? entry = ttu & g_ep = EgoyMDI1MDExNS4wIKXMDSoASAFQAw%3D%3D
---------



Tämä on tyypillinen näkymä:
-----------

Kaupunkitapahtumat ja festivaalit | Espoon kaupunki

Espoossa on laaja kirjo erilaisia festivaaleja ja kaupunkitapahtumia - musiikista elokuvaan ja kaupunkikulttuuriin.

www.espoo.fi

-----------



Tältä haluaisin näyttävän:
----------------

Etusivu | Espoon kaupunki

Tehdään yhdessä yhteisöllinen kotikaupunki.

www.espoo.fi

/fi /kulttuuri-ja-vapaa-aika /kaupunkitapahtumat-ja-festivaalit
# section-3686
-------------



Tämä on tyypillinen näkymä:
-------------

https://www.amazon.de/-/en/4-Port-Suitable-Macbook-Surface-Notebook-black/dp/B00Y211AFM?crid=ET96L1MKFZQ4&dib=eyJ2IjoiMSJ9.mjncTBduoUFVIwDv-rtwS4926lbVWodXaKWT41c8i904YQ8_AKELdgbfLEKCSYgNsCMoi1Wu5jynaaosN3ZR2aeGZw7Tnj02KyEM4SBzz33WSdy9hub2zOUX2lPM35R5r456LTnW4JvoVoNPZ9Fo6cAUtA3W6fVpZPY3OW5HMxGys5p9yNQ8fwl4VyC1mPTAAtVb2Uz7SMJB1YAMgUOaGq0NTxLHqSHNdnz9j2TBoeo.dWSPXKJAXQtRhWW0yAj5iwP2d6ykVvli-IU-bYtme7s&dib_tag=se&keywords=usb+hub&nsdOptOutParam=true&qid=1737403761&sprefix=usb+hu%2Caps%2C101&sr=8-4

-------------

Tältä haluaisin näyttävän:
-------------

Amazon.de: Günstige Preise für Elektronik & Foto, Filme, Musik, Bücher, Games, Spielzeug & mehr

Entdecken, shoppen und einkaufen bei Amazon.de: Günstige Preise für Elektronik & Foto, Filme, Musik, Bücher, Games, Spielzeug, Sportartikel, Drogerie & mehr bei Amazon.de

www.amazon.de

/- /en /4-Port-Suitable-Macbook-Surface-Notebook-black /dp/
B00Y211AFM ? crid = ET96L1MKFZQ4&dib=eyJ2IjoiMSJ9 . mjncTBduoUFVIwDv-rtwS4926lbVWodXaKWT41c8i904YQ8_AKELdgbfLEKCSYgNsCMoi1Wu5jynaaosN3ZR2aeGZw7Tnj02KyEM4SBzz33WSdy9hub2zOUX2lPM35R5r456LTnW4JvoVoNPZ9Fo6cAUtA3W6fVpZPY3OW5HMxGys5p9yNQ8fwl4VyC1mPTAAtVb2Uz7SMJB1YAMgUOaGq0NTxLHqSHNdnz9j2TBoeo . dWSPXKJAXQtRhWW0yAj5iwP2d6ykVvli-IU-bYtme7s

& dib_tag = se
& keywords = usb + hub
& nsdOptOutParam = true
& qid = 1737403761
& sprefix = usb+hu%2Caps%2C101
& sr = 8-4
--------------

 

[Kautium]

Haluaisitko siis, että selaimen osoiterivillä näkyisi alkuperäinen osoite noiden esimerkkien tapaan pätkittynä? Jos näin, niin tuo ei tietääkseni onnistu oletuksena millään selaimella. En tiedä onko tällaiseen tarpeeseen olemassa mitään valmista lisäosaakaan, joka osaisi pätkiä kaikki erilaiset osoitevariaatiot parametreineen aina käyttäjän haluamalla tavalla.

Jos olet itse koodaamassa jotain sivua, niin toki voit siinä yhteydessä tulostaa kaikki parametrit erikseen vaikka konsolille tms.

 

[kaakau<"'\\/>]

Web Developer Toolsin kun avaat (kai kaikissa selaimissa F12) ja sieltä network-välilehti, niin kun valitset requestin, niin vähän tuon tyyppisesti ainakin jotain näkee.

 

[Paapaa]

Onko web selaimia mahdollista modata niin, että urlit näkyy koodaajalle selkeemmässä muodossa?

Ehkä opettelet seuraavaksi, miten tehdään selaimeen plugareita ja teet sillä sopivan esitysmuodon? Käytännössä koodaaja tekee sen pilkkomisen ohjelmakoodissa eikä tuolla tiedolla selaimessa tee kauhaesti mitään kun ei noi ole tarkoitettu ihmisen luettavaksi tai generoitavaksi monessakaan tapauksessa. Esim. joku API saattaa parsia sieltä polusta oleelliset tiedot ja lisäksi query parametrit. Ja moni bäkkärikirjasto tekee tuon helpoksi ihan suoraan.

Mutta perusrakenne kannattaa opetella, niin toi helpottuu. Tässä satunnainen sivu, jossa osat käydään läpi:

Parts of a URL: A Short Guide

Understanding the parts of a URL is important for optimizing your site’s UX and SEO. We'll explore each component of a URL in detail.

blog.hubspot.com

Ja:

URL - Wikipedia

en.wikipedia.org

Noin osaat erottaa esim. mikä on osa polkua ja mikä on parametreja.

 

[AkiL]

Ehkä opettelet seuraavaksi, miten tehdään selaimeen plugareita ja teet sillä sopivan esitysmuodon? Käytännössä koodaaja tekee sen pilkkomisen ohjelmakoodissa eikä tuolla tiedolla selaimessa tee kauhaesti mitään kun ei noi ole tarkoitettu ihmisen luettavaksi tai generoitavaksi monessakaan tapauksessa. Esim. joku API saattaa parsia sieltä polusta oleelliset tiedot ja lisäksi query parametrit. Ja moni bäkkärikirjasto tekee tuon helpoksi ihan suoraan.

Mutta perusrakenne kannattaa opetella, niin toi helpottuu. Tässä satunnainen sivu, jossa osat käydään läpi:

Parts of a URL: A Short Guide

Understanding the parts of a URL is important for optimizing your site’s UX and SEO. We'll explore each component of a URL in detail.

blog.hubspot.com

Ja:

URL - Wikipedia

en.wikipedia.org

Noin osaat erottaa esim. mikä on osa polkua ja mikä on parametreja.

Muuten periaatteessa olen samaa mieltä, mutta debugatessa ongelmia, on usein helppo lähtökohta tutkia mitä urlissa oli. Sen taas hoitaa helposti copypasteamalla urlin kokonaisuudessaan esim. notepad++:aan ja pilkkomalla vaikkapa replace all "&" -> "&\r\n" ja extended -rasti paikalleen. Tämä siis jos urlilla kutsuttava kohde ei itsessään logita kaikkea sisääntulevaa tavaraa selkokielisenä.

Selaimen oma DevTools on joka tapauksessa se helpompi lähtökohta tuollekin.