Kako vidjeti HTML izvor u Google Chromeu

Što treba znati

• Desnom tipkom miša kliknite web stranicu i odaberite Pogledaj izvor stranice .
• Prečac: Pritisnite Ctrl + U (Windows PC) ili Naredba + Opcija + U (Mac).
• Da biste koristili Chromeove alate za razvojne programere, odaberite Jelovnik (tri točkice) > Više alata > Razvojni alati .

Ovaj članak objašnjava kako pristupiti izvornom HTML kodu web-mjesta u web-pregledniku Google Chrome, kao i pristupiti i koristiti Chromeove alate za razvojne programere. Pregledavanje izvornog koda web-mjesta izvrstan je način za početnike da nauče HTML.

Pregledajte izvorni kod u Chromeu

Dakle, kako vidite izvorni kod web stranice? Ovdje su upute korak po korak kako to učiniti pomoću preglednika Google Chrome.

1. Otvori Google Chrome web preglednik (ako nemate Google Chrome instaliran , ovo je besplatno preuzimanje).

2. Idite do web stranicu koju želite pregledati .

3. Desni klik stranica i pogledajte izbornik koji se pojavi. Na tom izborniku kliknite Pogledaj izvor stranice .

   

4. Izvorni kod te stranice sada će se pojaviti kao nova kartica u pregledniku.

5. Alternativno, također možete koristiti tipkovničke prečace za Ctrl + U na računalu da biste otvorili prozor s prikazanim izvornim kodom stranice. Na Macu je ovaj prečac Naredba + Opcija + U .

Hilary Allison / Lifewire

kako promijeniti korisnika netflixa na roku

Koristite Chromeove alate za razvojne programere

Pored jednostavnogPogledaj izvor stranicemogućnost koju nudi Google Chrome, također možete iskoristiti njihovu izvrsnu Razvojni alati još dublje istražiti mjesto. Ovi alati će vam omogućiti ne samo da vidite HTML, već i CSS koji se primjenjuje na prikaz elemenata u tom HTML dokumentu.

Da biste koristili Chromeove alate za razvojne programere:

1. Otvoren Google Chrome .

2. Idite do web stranicu koju želite pregledati .

3. Odaberite izbornik s tri točke u gornjem desnom kutu prozora preglednika.

4. Na izborniku zadržite pokazivač iznad Više alata a zatim izaberite Razvojni alati u izborniku koji se pojavi.

   

5. Otvorit će se prozor koji prikazuje HTML izvorni kod s lijeve strane okna i povezani CSS s desne strane.

6. Alternativno, ako kliknete desnom tipkom miša element na web stranici i odaberite Pregledati iz izbornika koji se pojavi, Chromeovi razvojni alati će iskočiti i istaknuti određeni dio koji ste odabrali u HTML-u s odgovarajućim CSS-om prikazanim s desne strane. Od velike je pomoći ako želite saznati više o određenom dijelu stranice.

   kako proslijediti aol poštu na gmail -

Je li pregledavanje izvornog koda legalno?

Tijekom godina imali smo mnogo novih web dizajnera koji su se pitali je li prihvatljivo vidjeti izvorni kod web stranice i koristiti ga za svoje obrazovanje i na kraju za posao koji obavljaju. Iako kopiranje koda web-mjesta na veliko i njegovo predstavljanje kao vlastitog na web-mjestu svakako nije prihvatljivo, korištenje tog koda kao odskočne daske za učenje zapravo je način na koji se napreduje u ovoj industriji.

izbornik Start neće otvoriti Windows 10

Kao što smo spomenuli na početku ovog članka, danas bi bilo teško pronaći zaposlenog web profesionalca koji nije nešto naučio gledajući izvorni kod web-mjesta! Da, gledanje izvornog koda stranice je legalno. Korištenje tog koda kao resursa za izgradnju nečeg sličnog također je sigurno. Uzimajući kod kakav jest i prosljeđujući ga kao svoj posao, počinjete nailaziti na probleme.

Na kraju, web-profesionalci uče jedni od drugih i često poboljšavaju posao koji vide i koji su inspirirani, stoga nemojte oklijevati pogledati izvorni kod web-mjesta i koristiti ga kao alat za učenje.

Više od samog HTML-a

Jedna stvar koju treba upamtiti je da izvorne datoteke mogu biti vrlo komplicirane (i što je složenija web stranica koju gledate, to će vjerojatno biti složeniji kôd te stranice). Osim HTML strukture koja čini stranicu, postojat će i CSS (cascading style sheets) koji diktira vizualni izgled te stranice. Osim toga, mnoga današnja web-mjesta uključivat će datoteke skripti uključene uz HTML.

Vjerojatno će biti uključeno više datoteka skripte; zapravo, svaki pokreće različite aspekte stranice. Iskreno govoreći, izvorni kod web-mjesta može se činiti neodoljivim, pogotovo ako ste novi u ovome. Nemojte se frustrirati ako ne možete odmah shvatiti što se događa s tim mjestom. Pregledavanje HTML izvora samo je prvi korak u ovom procesu. Uz malo iskustva, počet ćete bolje razumjeti kako se svi ovi dijelovi uklapaju u stvaranje web stranice koju vidite u svom pregledniku. Kako se budete bolje upoznavali s kodom, moći ćete iz njega naučiti više i neće vam se činiti tako zastrašujućim.

• Kako mogu urediti HTML kod u Chromeu?

  Otvorite alate za razvojne programere u Chromeu pritiskom na Ctrl (ili Naredba na Macu) + Shift + I . Odatle pritisnite Ctrl ( Naredba na Macu) + O i odaberite spremljenu izvornu datoteku koju želite urediti da biste je otvorili.

• Kako mogu vidjeti izvorni kod stranice u pregledniku Chrome ako je View Source onemogućen?

  Ako je web-mjesto onemogućilo opciju View Source, možda ćete ipak moći pogledati ispod haube. S vrha prozora preglednika odaberite Pogled > Developer > Pogledaj izvor , koji bi trebao povući izvorni kod web stranice.

• Kako mogu vidjeti izvorni kod web-mjesta u Chromeu koristeći svoj Android uređaj?

  Idite na web mjesto koje želite pogledati pomoću aplikacije Chrome na svom uređaju, zatim odaberite adresnu traku preglednika. Pomaknite kursor teksta krajnje lijevo—ispred URL-a—i upišite pogled-izvor , zatim pritisnite Unesi ili odaberite Ići .