Kako urediti spletne strani v Safariju z uporabo elementa Inspect

S svojim orodjem Inspect Element vam Safari omogoča, da se poigravate s sprednjo kodo katere koli spletne strani. Če želite preizkusiti, kako bi izgledala stran z drugačnim besedilom ali slikami, lahko to storite tako, da spremenite njeno kodo s Inspect Element.

To je preprost vodnik, namenjen začetnikom, ki razloži, kako lahko začnete eksperimentirati z Inspect Element v Safariju za urejanje besedila in slik spletnega mesta z minimalnim znanjem kodiranja.

Kaj je Inspect Element?

Inspect Element je orodje za razvijalce. Na voljo je v Safariju, čeprav tudi v drugih spletnih brskalnikih, kot so Chrome, Firefox in Edge. Z Inspect Element lahko pokukate za zaveso spletnega mesta in razkrijete njegovo sprednjo kodo, kot sta HTML in CSS. Vendar vam ne zagotavlja vidnosti ozadja, kot so njegove baze podatkov.

Ne samo, da lahko vidite to kodo, ampak jo lahko tudi prilagodite. To pomeni, da lahko spremenite videz spletne strani. Lahko zamenjate sliko, preformulirate nekaj besedila, uporabite drugo pisavo, spremenite njeno barvno shemo in še več. Vendar so te spremembe lokalne. Ne bodo se pojavili nikomur drugemu, razen tebi; izginejo, ko osvežite ali odmaknete stran.

Zakaj bi morali uporabiti Inspect Element?

Inspect Element je odlično orodje, če ste nadobudni spletni razvijalec. Dobesedno lahko vidite kodo, ki poganja vaše najljubše spletno mesto, in jo prilagodite po želji v realnem okolju. Veliko jih je zabavnih vpogledov, ki jih lahko pridobite z uporabo Inspect Element.

Lastniki podjetij si lahko na primer ogledajo ključne besede, vključene v spletno mesto konkurenta, ali oblikovalci uporabite Inspect Element za prepoznavanje pisave ki se jim zdi privlačna ali da na svojem spletnem mestu hitro preizkusijo drugačno barvno shemo.

Za zdaj se bomo osredotočili na urejanje osnov spletne strani s pomočjo Inspect Element.

Kako dostopati do Inspect Element v Safariju

Inspect Element lahko odprete v Safariju z uporabo menija za razvijalce:

1. Odprite Safari.
2. Kliknite Safari v zgornji menijski vrstici.
3. V spustnem meniju izberite Nastavitve.
4. Izberite Napredno možnost.
5. Označite polje, ki pravi Prikaži meni Razvoj v menijski vrstici.

Ko izberete to možnost, lahko desni klik na spletni strani in izberite Preglej element. Lahko pa izberete Razviti v menijski vrstici in nato Pokaži spletni inšpektor.

Kako najti spletne elemente v Inspect Element

Če želite začeti urejati element, desni klik kaj želite urediti in kliknite Preglej element. To bo odprlo okno razvijalca z označenim ustreznim razdelkom. Morda boste ugotovili, da je določen element, ki ga želite elementirati (recimo slika ali besedilo), skrit; da ga poiščete, uporabite puščice na levi, da razširite ugnezdene odseke.

Za pomoč pri zoženju izbire kliknite na ciljna ikona iz orodne vrstice Preglejte element. Zdaj, ko se pomikate po kodi, ta razdelek na spletnem mestu poudari. Lahko pa uporabite kazalec, da natančno določite razdelek na spletnem mestu. To je priročno, če želite izpopolniti nekaj posebnega na prenatrpanem območju spletne strani.

Kako urediti besedilo spletnega mesta z uporabo elementa Inspect

Če želite del besedila urediti, potem ko ga najdete v izvorni kodi spletnega mesta, dvojni klik to. Novo besedilo lahko vnesete neposredno v kodo ali izbrišete obstoječe besedilo. Ko je urejanje za dani niz besedila končano, pritisnite Vnesite, in besedilo na spletni strani se bo spremenilo.

Res je tako preprosto! To ne bo delovalo le takrat, ko je besedilo dejansko del slike, na primer logotip.

Kako urediti slike spletnega mesta z uporabo elementa Inspect

Medtem ko se vam slike vizualno prikažejo na sprednji strani, so v kodi spletnega mesta prikazane kot povezave. Ti lahko desni klik in slika in izbira Preglej element da skočite do mesta, kjer je ta slika v kodi. Slike spletnega mesta imajo običajno razširitve datotek JPG, GIF ali PNG, čeprav ne izključno.

Dvojni klik te nize slik in jih lahko urejate ali pa jih po želji preprosto shranite v svoj sistem. Če želite zamenjati sliko, jo zamenjajte za URL nadomestne slike. Lahko pa v celoti izbrišete kodni niz, da odstranite sliko iz pogleda.

Poglobite se v spletna mesta z uporabo Safarija

Safarijevo orodje Inspect Element vam omogoča enostavno iskanje in spreminjanje kode, ki ustreza besedilu in slikam, kar je tako enostavno kot preklop besedila ali niza URL. Ko končate z urejanjem spletnega mesta z Inspect Element, preprosto osvežite stran in vse se bo vrnilo v normalno stanje.

Kako spremeniti uporabniškega agenta brskalnika in spletna mesta za trike

Preberite Naprej

O avtorju