Svi popularni internetski preglednici korisnicima pružaju mogućnost pregleda izvornog koda web stranica koje posjećuju.
Ispod su informacije o tome kako pogledati izvorni kod u bilo kojem popularnom web pregledniku.
Uvodne informacije
Dok pregledavate izvorni kod web stranice, podaci i kodovi koje server obrađuje neće biti prikazani.
Na primjer, preglednik obrađuje podatke na poslužitelju, a zatim prikazuje rezultate na web stranici.
Drugim riječima, možete vidjeti kôd koji čini stranicu s rezultatima, ali ne i izvorni kôd preglednika.
Ova strategija se primjenjuje na sve skripte na strani servera, SSI i programske kodove.
Stoga ne možete vidjeti izvorni kod skripti koje se koriste u tražilicama, forumima, anketama, chatovima itd.
Osim toga, kopiranje podataka iz izvornog koda može uzrokovati greške ili vas vratiti na stranicu sa koje su informacije kopirane.
Google Chrome
Koristite bilo koju od sljedećih metoda za prikaz izvornog koda web stranice u Google Chromeu.
Samo pogledajte izvorni kod
Metoda prva
Za prikaz samo izvornog koda pritisnite Ctrl + U na tastaturi računara.
Druga metoda
Desnom tipkom miša kliknite prazan dio web stranice i odaberite Prikaži izvor stranice iz skočnog izbornika koji se pojavi.
Pogledajte izvor stranice sa stavkom
- Otvorite Chrome i idite na web stranicu čiji izvorni kod želite vidjeti.
- Kliknite ikonu Prilagodi i kontroliraj Google Chrome u gornjem desnom kutu prozora preglednika.
- Na padajućem izborniku koji se pojavi odaberite Više alata, a zatim Alati za programere.
- Kliknite karticu Elementi koja se pojavljuje u gornjem lijevom kutu novog odjeljka pri dnu ekrana.
Mozilla Firefox
Za pregled izvornog koda web lokacije u Mozilla Firefoxu koristite bilo koju od sljedećih metoda.
Samo pogledajte izvorni kod
Metoda prva
Za prikaz samo izvornog koda pritisnite Ctrl + U na tastaturi računara.
Druga metoda
Desnom tipkom miša kliknite prazan dio web stranice i odaberite Prikaži izvornu stranicu iz skočnog izbornika koji se pojavi.
Pogledajte izvor stranice sa stavkom
- Otvorite Firefox i idite na web stranicu čiji izvorni kod želite vidjeti.
- Kliknite na ikonu menija u gornjem desnom uglu ekrana.
- Na padajućem izborniku odaberite Web programer, a zatim u proširenom izborniku odaberite Alati za uključivanje / isključivanje.
- Kliknite karticu Inspector u gornjem lijevom kutu odjeljka prikazanog pri dnu ekrana.
Pogledajte odjeljak izvor stranice
- Označite dio stranice čiji izvorni kod želite vidjeti.
- Desnom tipkom miša kliknite označeno područje i odaberite Prikaži izvor odabira.
Microsoft Edge
Za pregled izvornog koda web stranice u Microsoft Edgeu koristite bilo koju od sljedećih metoda.
Samo pogledajte izvorni kod
Metoda prva
Za prikaz samo izvornog koda pritisnite Ctrl + U na tastaturi računara.
Druga metoda
Desnom tipkom miša kliknite prazan dio web stranice i odaberite Prikaži izvornu stranicu iz skočnog izbornika koji se pojavi.
Pogledajte izvor stranice sa stavkom
- Otvorite Microsoft Edge i idite na web stranicu čiji izvorni kod želite vidjeti.
- Kliknite ikonu Postavke i više u gornjem desnom kutu ekrana.
- Zadržite pokazivač miša iznad opcije Više alata u padajućem izborniku i odaberite Alati za programere u proširenom izborniku.
- Kliknite karticu Elementi pri vrhu prozora koji se pojavljuje na desnoj strani ekrana.
Safari
U Safariju morate omogućiti opcijama programera za prikaz izvornog koda web stranice.
U sljedećim odjeljcima objašnjeno je kako omogućiti ovu funkciju i kako pregledati izvorni kod web stranice.
Opcije pristupa za programere u Safariju
- Otvorite preglednik Safari.
- Odaberite Safari brojčanik na traci s izbornicima u gornjem lijevom kutu ekrana.
- Na padajućem izborniku koji se pojavi odaberite Postavke.
- Kliknite na Napredno karticu, a zatim provjerite okvir s Prikaži meni za razvoj na traci menija (Show Develop menu in menu bar).
- Sada biste trebali vidjeti izbornik Develop na Appleovoj traci menija pri vrhu ekrana.
Pregled izvornog koda
Metoda prva
- Otvorite Safari i idite na web stranicu čiji izvorni kod želite vidjeti.
- Na Appleovoj traci menija pri vrhu ekrana kliknite izbornik Razvoj (Develop) i na padajućem izborniku odaberite Prikaži izvor stranice.
- Kliknite karticu Elementi na sredini ekrana pri vrhu odjeljka Alati za programere.
Druga metoda
Desnom tipkom miša kliknite prazan dio web stranice i odaberite Prikaži izvor stranice iz skočnog izbornika koji se pojavi.
Opera
Za pregled izvornog koda web stranice u Operi koristite bilo koju od sljedećih metoda.
Samo pogledajte izvorni kod
Metoda prva
Za prikaz samo izvornog koda pritisnite Ctrl + U na tastaturi računara.
Druga metoda
Desnom tipkom miša kliknite prazan dio web stranice i odaberite Prikaži izvornu stranicu iz skočnog izbornika koji se pojavi.
Pogledajte izvor stranice sa stavkom
- Otvorite Opera i idite na web stranicu čiji izvorni kod želite vidjeti.
- Kliknite na ikonu izbornika u gornjem lijevom kutu prozora preglednika.
- U padajućem izborniku držite pokazivač miša iznad Developer i odaberite Developer Tools u proširenom izborniku.
- Kliknite karticu Elementi pri vrhu prozora koji se pojavljuje na desnoj strani ekrana.
Android telefon ili tablet pomoću Chromea
- Otvorite Google Chrome na Android telefonu ili tabletu.
- Otvorite web stranicu čiji izvorni kod želite vidjeti.
- Dodirnite jednom u adresnoj traci, a zatim pomaknite kursor na prednju stranu URL-a.
- Upišite view-source:, a zatim kliknite Enter ili Go.
Ako gornji koraci ne funkcioniraju na vašem Android telefonu, upotrijebite metodu na svom iPhoneu ili iPadu kroz odjeljak Safari.
Isti kôd se može koristiti na Android telefonima, jedina razlika je upotreba Chromea umjesto Safarija i proces stvaranja i uređivanja oznaka.
iPhone ili iPad koristeći Safari
Gledanje izvornog koda web stranice na iPhoneu ili iPadu zahtijeva više posla, ali je moguće.
Ovaj proces zahtijeva da kreirate oznake, dodijelite im JavaScript kôd i koristite oznake na web stranici za pregled njihovog izvornog koda.
Napravite oznaku za prikaz izvornog koda
- Otvorite Safari na iPhoneu ili iPadu.
- Posjetite bilo koju web stranicu, poput www.mllapan.com.
- Dodirnite ikonu Više pri dnu ekrana.
- U izborniku koji se otvori kliknite Dodaj oznaku.
- Kliknite polje naziva oznake, kliknite xs s desne strane da biste izbrisali trenutni naziv, a zatim unesite Prikaži izvorni kod web stranice kao novi naziv.
- Dodirnite Sačuvaj u gornjem desnom uglu da biste sačuvali oznaku.
- Kopirajte isječak cijelog JavaScript koda ispod.
javascript:(function(){var a=window.open('about:blank').document;a.write('Source code of '+location.href);a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();8. U Safariju pristupite oznakama dodirom ikone oznake u dnu ekrana.
9. Pronađite gornju oznaku koju ste stvorili i držite prst dok se ne otvori meni pri dnu ekrana.
10. U meniju dodirnite Uredi .
11. Na ekranu Uređivanje oznaka kliknite URL, zatim kliknite x da biste obrisali URL, a zatim zalijepite JavaScript kôd iz koraka 7 u polje URL.
12. Kliknite na Gotovo u donjem desnom kutu ekrana da biste spremili promjene oznaka.
Koristite oznaku za prikaz izvornog koda
Nakon stvaranja gornjih oznaka, sada možete pregledati izvorni kod web lokacije.
- U Safariju posjetite web stranicu na kojoj želite vidjeti izvorni kod.
- Dodirnite ikonu oznake pri dnu ekrana.
- Dodirnite karticu koja prikazuje izvorni kod web stranice koju ste stvorili.
- Otvorit će se nova kartica Safari koja prikazuje izvorni kod web stranice.