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

Chrome in pregled elementov

  Brskalnik Chrome ima vgrajeno zelo dobro orodje za pregled, kontrolo in popravljanje naložene spletne strani, tokrat pa bomo spoznali nekaj njegovih najbolj uporabnih funkcij.
 
 
1
 
 

V brskalniku Chrome odprite poljubno spletno stran.


Pregledovanje elementov na strani odpremo tako, da z desnim miškinim gumbom kliknemo na poljuben element na strani ...

 
 
2
 
 

... ter v meniju izberemo možnost Preglej element.

 
 
3
 
 

Prikaže se nam HTML koda trenutno prikazane spletne strani.


V tem pogledu vedno vidimo vsebino, ki je dejansko prikazana. Ker so mnoge strani narejene dinamično, se ta koda lahko razlikuje od HTML kode, ki se naloži ob odprtju strani, zato je ta pogled pri takih straneh zelo uporaben.

 
 
4
 
 

Na desni strani lahko najdemo oblikovne CSS stile, ki so uporabljeni.

 
 
 
 
 
5
 
 

Če želimo, lahko tudi spreminjamo ali dodajamo lastnosti posameznim CSS stilom.

 
 
6
 
 

V prejšnjem koraku sem spremenil prosojnost slike (opacity) in kot opazimo, so spremembe na strani vidne takoj in ni potrebno ponovno nalaganje strani.

Razvijalci spletnih strani na ta način hitro testirajo razne oblikovne možnosti in jih prenesjo v dejansko kodo šele, ko so zadovoljni z rezultatom.

 
 
7
 
 

Če odpremo zavihek Computed, lahko vidimo točne dimenzije, ki jih zaseda posamezni element.

 
 
8
 
 

V zavihku Network vidimo, katere dokumente je naložila spletna stran.


Zraven vidimo tudi čase njihovega nalaganja.

 
 
9
 
 

Za razvijalce je pomemben zavihek Sources, kjer si lahko ogledamo Javascript programsko kodo, ki se uporablja na strani.

 
 
10
 
 

V kolikor pri določeni vrstici programske kode kliknemo ob desnem robu. Na ta način dosežemo, da se bo izvajanje funkcije na tem mestu ustavilo.

S tem lahko točno preverimo, kaj se dogaja pri izvajanju funkcije.

 
 
11
 
 

Na koncu se nahaja tudi zavihek Console.

V njem se izpisujejo razne napake v Javascriptu, ki se pojavljajo na strani.

Lahko pa na tem mestu tudi direktno izvajamo Javascript ukaze.


Na koncu bi še predlagal, da stvar kar preizkusite v praksi, saj boste tako najbolje spoznali delovanje. V primeru vprašanj pa smo seveda na volju na forumu.

 
 
Komentiraj
 
 
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!