Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Pregledovanje HTML elementov v Chrome

  Spoznali bomo, kako si lahko v brskalniku Chrome natančno ogledamo spletno kodo in uporabljene stile poljubne spletne strani.
 
 
1
 
 

V brskalniku Chrome odprite poljubno spletno stran.

 
 
2
 
 

Z desnim miškinim gumbom kliknite na sliko ali tekst, ki se nahaja na strani.


Izberite možnost Preglej element.

 
 
3
 
 

Spodaj se bo odprlo okno, kjer bo prikazana točna HTML koda tega elementa.

 
 
4
 
 

Na desni strani lahko vidite tudi CSS stile, ki so uporabljeni na tem elementu.

 
 
 
 
 
5
 
 

Če kliknete zavihek Computed, lahko vidite točne dimenzije izbranega elementa.

 
 
6
 
 

Če želite pogledati druge elemente, se lahko z miško pomaknete nad nek drug element in ...

 
 
7
 
 

... na strani bo ta element označen s senco.

 

 
 
8
 
 

Lahko pa naredite tudi obratno.

Kliknite na ikono za iskanje v zgornjem levem kotu.

 
 
9
 
 

Sedaj se na strani pomaknite nad poljuben element ter ga kliknite.

Element se bo označil, spodaj pa boste videli kodo elementa.

 
 
Komentiraj
 
 
 
 
 
19.7.2014, 14:06
Jaz bi še dodal, da z CTRL+U (v Google Chrome) lahko vidite vso kodo spletne strani, CSS ali slike pa si lahko pogledate s klikom na link.
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!