Kako urediti web stranice na Safariju pomoću Inspect Elementa

Sa svojim alatom Inspect Element, Safari vam omogućuje petljanje s prednjim kodom bilo koje web stranice. Ako želite testirati kako bi stranica izgledala s različitim tekstom ili slikama, to možete učiniti tako da promijenite njen kod pomoću Inspect Element.

Ovo je jednostavan vodič namijenjen početnicima koji objašnjava kako možete početi eksperimentirati s Inspect Elementom u Safariju za uređivanje teksta i slika web stranice uz minimalno znanje kodiranja.

Što je Inspect Element?

Inspect Element je alat za razvojne programere. Dostupan je na Safariju, ali i na drugim web preglednicima kao što su Chrome, Firefox i Edge. Uz Inspect Element, možete zaviriti iza zavjese web-mjesta kako biste otkrili njegov prednji kod, poput HTML-a i CSS-a. Međutim, ne daje vam vidljivost pozadine, poput njegovih baza podataka.

Ne samo da možete vidjeti ovaj kod, već ga možete i podesiti. To znači da možete promijeniti izgled web stranice. Možete zamijeniti sliku, preformulirati neki tekst, koristiti drugi font, promijeniti shemu boja i još mnogo toga. Međutim, ove izmjene su lokalne. Neće se pojaviti nikome drugome osim vama; nestaju nakon što osvježite ili udaljite stranicu.

Zašto biste trebali koristiti Inspect Element?

Inspect Element izvrstan je alat ako ste početnik web programer. Doslovno možete vidjeti kod koji pokreće vašu omiljenu web stranicu, podešavajući je kako želite u stvarnom okruženju. Ima ih mnogo zabavni uvidi koje možete dobiti korištenjem Inspect Elementa.

Na primjer, vlasnici tvrtki mogu pogledati ključne riječi uključene u web stranicu konkurenta, ili dizajneri mogu koristite Inspect Element za identifikaciju fonta koje smatraju privlačnim ili da brzo testiraju drugu shemu boja na svojoj web stranici.

Za sada ćemo se usredotočiti na uređivanje osnova web stranice pomoću Inspect Elementa.

Kako pristupiti Inspect Elementu na Safariju

Možete otvoriti Inspect Element na Safariju pomoću izbornika programera:

1. Otvorite Safari.
2. Klik Safari u gornjoj traci izbornika.
3. Na padajućem izborniku odaberite Preference.
4. Odaberite Napredna opcija.
5. Označite okvir koji kaže Prikaži izbornik Razvoj u traci izbornika.

Nakon odabira ove opcije, možete desni klik na web stranici i odaberite Pregledajte element. Alternativno, možete odabrati Razviti u traci izbornika, a zatim Prikaži Web Inspector.

Kako pronaći web elemente u Inspect Element

Da biste počeli uređivati ​​element, desni klik što želite urediti i kliknite Pregledajte element. Ovo će otvoriti prozor razvojnog programera s istaknutim relevantnim odjeljkom. Možda ćete otkriti da je određeni element koji želite elementirati (slika ili tekst, recimo) skriven; da biste ga locirali, koristite strelice s lijeve strane za proširenje ugniježđenih odjeljaka.

Da biste suzili izbor, kliknite na ikona cilja s alatne trake Inspect Element. Sada, dok se krećete kroz kod, on ističe taj odjeljak na web stranici. Ili možete upotrijebiti pokazivač da biste točno odredili odjeljak na web-mjestu. Ovo je zgodno kada želite usavršiti nešto posebno u prepunom području web-stranice.

Kako urediti tekst web stranice pomoću elementa Inspect

Da biste mogli uređivati ​​dio teksta nakon što ga pronađete u izvornom kodu web-mjesta, dvostruki klik to. Možete upisati novi tekst izravno u kod ili izbrisati postojeći tekst. Kada je uređivanje dovršeno za zadani niz teksta, pritisnite Unesi, a tekst na web stranici će se promijeniti.

Stvarno je tako jednostavno! Jedini slučajevi kada ovo neće funkcionirati su kada je tekst zapravo dio slike, poput logotipa.

Kako urediti slike web stranice pomoću elementa Inspect

Dok vam se slike prikazuju vizualno na prednjem dijelu, u kodu web-mjesta one se pojavljuju kao veze. Možeš desni klik i slika i biraj Pregledajte element za skok do mjesta gdje se ta slika nalazi u kodu. Slike web-mjesta obično imaju JPG, GIF ili PNG ekstenzije datoteka, ali ne isključivo.

Dvostruki klik ove nizove slika i možete ih uređivati ​​ili ih jednostavno spremiti u svoj sustav ako želite. Ako želite zamijeniti sliku, zamijenite je URL-om zamjenske slike. Ili možete u potpunosti izbrisati niz koda da biste uklonili sliku iz prikaza.

Udubite se u web stranice pomoću Safarija

Safarijev alat Inspect Element omogućuje vam jednostavno pronalaženje i promjenu koda koji odgovara tekstu i slikama, što je jednostavno kao izmjena teksta ili URL niza. Nakon što završite s uređivanjem web stranice pomoću Inspect Elementa, jednostavno osvježite stranicu i sve će se vratiti u normalu.

Kako promijeniti korisničkog agenta preglednika i trik web-mjesta

Pročitajte dalje

O autoru