Kako prikazati HTML izvorni kod web stranice?

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 na kojoj 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 izvornu stranicu  “ iz skočnog izbornika koji se pojavi.

Pogledajte izvor stranice sa stavkom

  1. Otvorite Chrome i idite na web stranicu čiji izvorni kod želite vidjeti.
  2. Kliknite ikonu „  Prilagodi i kontroliraj Google Chrome  “ u gornjem desnom kutu prozora preglednika.
  3. Na padajućem izborniku koji se pojavi odaberite „  Više alata  “, a zatim „  Alati za programere  “.
  4. 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.

Pročitaj  Corsair CX450: Pregled

Pogledajte izvor stranice sa stavkom

  1. Otvorite Firefox i idite na web stranicu čiji izvorni kod želite vidjeti.
  2. Kliknite na ikonu menija u gornjem desnom uglu ekrana.
  3.  Na padajućem izborniku odaberite „  Web programer / Web programer “, a zatim  u proširenom izborniku odaberite „  Alati za uključivanje / isključivanje / Alati za prebacivanje “.
  4. Kliknite karticu ”  Inspector  ” u gornjem lijevom kutu odjeljka prikazanog pri dnu ekrana.

Pogledajte odjeljak izvor stranice

  1. Označite dio stranice čiji izvorni kod želite vidjeti.
  2. 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
  1. Otvorite Microsoft Edge i idite na web stranicu čiji izvorni kod želite vidjeti.
  2. Kliknite  ikonu „  Postavke i više “ u gornjem desnom kutu ekrana.
  3. Zadržite pokazivač miša iznad opcije „  Više alata  “ u padajućem izborniku i odaberite „  Alati za programere  “ u proširenom izborniku.
  4. 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

  1. Otvorite preglednik Safari.
  2. Odaberite Safari brojčanik na traci s izbornicima u gornjem lijevom kutu ekrana.
  3. Na padajućem izborniku koji se pojavi odaberite ”  Postavke  “.
  4. Kliknite na ”  Advanced  ”  tab  , a zatim provjerite okvir s “Next  Show Develop menu u traci izbornika  “.
  5. Sada biste trebali vidjeti  izbornik “  Develop ” na Appleovoj traci menija pri vrhu ekrana.
Pročitaj  Alienware m17 R4: Pregled

Pregled izvornog koda

Metoda prva
  1. Otvorite Safari i idite na web stranicu čiji izvorni kod želite vidjeti.
  2. Na Appleovoj traci menija pri vrhu ekrana kliknite  izbornik „  Razvij “ i  na padajućem izborniku odaberite „  Prikaži izvor stranice “.
  3. 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

  1. Otvorite Opera i idite na web stranicu čiji izvorni kod želite vidjeti.
  2. Kliknite na ikonu izbornika u gornjem lijevom kutu prozora preglednika.
  3. U padajućem izborniku držite pokazivač miša iznad “  Developer / Developer  ” i odaberite “  Developer Tools”  u proširenom izborniku.
  4. Kliknite karticu „  Elementi  “ pri vrhu prozora koji se pojavljuje na desnoj strani ekrana.

Android telefon ili tablet pomoću Chromea

  1. Otvorite Google Chrome na Android telefonu ili tabletu.
  2. Otvorite web stranicu čiji izvorni kod želite vidjeti.
  3. Dodirnite jednom u adresnoj traci, a zatim pomaknite kursor na prednju stranu URL -a.
  4. 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.

Pročitaj  Kako zaraditi novac na internetu?

Napravite oznaku za prikaz izvornog koda

  1. Otvorite Safari na iPhoneu ili iPadu.
  2. Posjetite bilo koju web stranicu, poput www.mllapan.com.
  3. Dodirnite ikonu “  Više / Više  ” pri dnu ekrana.
  4. U izborniku koji se otvori kliknite ”  Dodaj oznaku  “.
  5. 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.
  6. Dodirnite “  Sačuvaj  ” u gornjem desnom uglu da biste sačuvali oznaku.
  7. 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.

  1. U Safariju posjetite web stranicu na kojoj želite vidjeti izvorni kod.
  2. Dodirnite ikonu oznake pri dnu ekrana.
  3. Dodirnite karticu koja prikazuje izvorni kod web stranice koju ste stvorili.
  4. Otvorit će se nova kartica Safari koja prikazuje izvorni kod web stranice.

By Lapan

ML Lapan je samouki računarski geek, freelancer za Wordpress i igrač iz Bosne i Hercegovine. Ima više od 15 godina iskustva u radu na računarima, internetu, web stranicama (većinom sa Wordpress stranicama).

Leave a Reply

Your email address will not be published. Required fields are marked *

Svi Smo Bliski

Problem, pitanje, hitan slučaj?

Ne ustručavajte se posjetiti centar za pomoć, mi vam možemo pomoći.

Copyright © 2019 ML Lapan.
All rights reserved

New Report

Close