Kako si oglejte izvorno kodo HTML spletne strani

Vsi internetni brskalniki omogočajo uporabnikom, da si ogledajo izvorno kodo HTML katere koli spletne strani, ki jo obiščejo. V naslednjih razdelkih so informacije o več načinih ogleda izvorne kode v vsakem izmed glavnih brskalnikov. Za nadaljevanje izberite vnos na spodnjem seznamu in sledite navodilom za ta razdelek.

Pri ogledu izvorne kode spletne strani je pomembno, da se zavedate, da se informacije in koda, ki jih strežnik ne obdeluje, ne prikažejo. Na primer, skoraj vsi internetni iskalniki obdelujejo informacije na strežniku in nato prikažejo rezultate na spletni strani. Z drugimi besedami, si lahko ogledate kodo, ki sestavlja stran z rezultati, vendar ne morete videti izvorne kode iskalnika.

To pravilo velja za vse skripte na strani strežnika, SSI in programsko kodo. Zato funkcije, kot so iskalniki, forumi, ankete, klepet itd., Ne bodo prikazale njihove kode. Kopiranje informacij iz izvorne kode lahko povzroči napake ali vas vrne na stran, s katere ste kopirali informacije.

Uporabniki Microsoft Edge

Če si želite ogledati izvorno kodo spletne strani v programu Microsoft Edge, sledite spodnjim korakom.

  1. Pritisnite Ctrl + U ali F12 na tipkovnici računalnika.
  2. Izberite zavihek Elements na vrhu desnega okna.

Or

Or

  1. Odprite Microsoft Edge in se pomaknite do želene spletne strani.
  2. Kliknite Več

    v zgornjem desnem kotu zaslona.
  3. V spustnem meniju, ki se prikaže, izberite Orodja za razvijalce .
  4. Izberite zavihek Elements na vrhu desnega okna.

Nasvet: V programu Microsoft Edge orodje DOM omogoča tudi interakcijo z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da takoj vidijo, kako spremembe kode vplivajo na spletno stran.

Uporabniki Microsoft Internet Explorerja

Če si želite ogledati izvorno kodo spletne strani v programu Microsoft Internet Explorer, sledite spodnjim korakom.

  1. Pritisnite Ctrl + U ali F12 na tipkovnici računalnika.
  2. Kliknite jeziček Debugger na vrhu novega menija.

Or

Or

  1. Odprite Internet Explorer in se pomaknite do želene spletne strani.
  2. Pritisnite tipko Alt, da prikličete menijsko vrstico brskalnika.
  3. V spustnem meniju, ki se prikaže, izberite Pogled in nato Vir .
  4. Kliknite jeziček Debugger na vrhu novega menija.

Nasvet: Z najnovejšimi različicami Internet Explorerja se s pritiskom na tipko F12 prikaže orodje DOM. To orodje omogoča veliko več interakcije z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da takoj vidijo, kako spremembe v kodi vplivajo na spletno stran.

Uporabniki Mozilla Firefox in Netscape

Če si želite ogledati izvorno kodo spletne strani v brskalniku Mozilla Firefox, sledite spodnjim korakom.

  1. Pritisnite Ctrl + U na tipkovnici računalnika.

Or

Or

  1. Odprite Mozilla Firefox in se pomaknite do želene spletne strani.
  2. Pritisnite tipko Alt, da prikličete menijsko vrstico brskalnika.
  3. Izberite Orodja, Spletni razvijalec in nato Vir strani .

Nasvet: Z najnovejšimi različicami Firefoxa pritisnite tipko F12 ali Ctrl + Shift + I, ki prikaže interaktivno orodje za razvijalce. To orodje omogoča veliko več interakcije z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da takoj vidijo, kako spremembe v kodi vplivajo na spletno stran.

Oglejte si del izvorne kode strani

  1. Označite del spletne strani, za katerega želite videti izvorno kodo.
  2. Z desno tipko miške kliknite ta označeni razdelek in nato kliknite Pogled izbirnega vira .

Nasvet: Uporabite dodatek Firebug, da ne samo ogledate izvorne kode strani, temveč jih spremenite in si jih ogledate v brskalniku.

Uporabniki Google Chroma

Če si želite ogledati izvorno kodo spletne strani v brskalniku Google Chrome, sledite spodnjim korakom.

  1. Pritisnite Ctrl + U na tipkovnici računalnika.

Or

Or

  1. Odprite Chrome in se pomaknite po svoji izbiri.
  2. Kliknite Prilagodi in upravljaj Google Chrome

    na zgornji desni strani okna brskalnika.
  3. V spustnem meniju, ki se prikaže, izberite Več orodij in nato Orodja za razvijalce .
  4. Kliknite jeziček Elements na vrhu novega odseka, ki se prikaže.

Nasvet: Z najnovejšimi različicami Chroma boste s pritiskom na tipko F12 ali Ctrl + Shift + I odprli tudi interaktivno orodje za razvijalce. To orodje omogoča veliko več interakcije z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da takoj vidijo, kako spremembe v kodi vplivajo na spletno stran.

Uporabniki Apple Safari

Če si želite ogledati izvorno kodo spletne strani v Apple Safariju, sledite spodnjim korakom.

  1. Pritisnite Command + Option + U na tipkovnici.

Or

Or

  1. Odprite brskalnik Safari in se pomaknite do želene spletne strani.
  2. Izberite meni Razvij .
  3. Izberite možnost Prikaži izvorno stran .

Uporabniki Opera

Če si želite ogledati izvorno kodo spletne strani v operi, sledite spodnjim korakom.

  1. Pritisnite Ctrl + U na tipkovnici.

Or

Or

  1. Odprite Opera in se pomaknite do želene spletne strani.
  2. Kliknite gumb Meni

    v zgornjem levem kotu okna brskalnika.
  3. V podmeniju Razvijalec izberite Vir strani .

Nasvet: Če podmenija Razvijalec ne vidite, izberite Več orodij → Prikaži meni razvijalca . Nato kliknite gumb menija

ponovno. Zdaj bi morali videti podmeni razvijalca .

Nasvet: Z najnovejšimi različicami operacije, s pritiskom na kombinacijo bližnjic Ctrl + Shift + I, se prikaže interaktivno orodje za razvijalce. To orodje omogoča veliko več interakcije z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da takoj vidijo, kako spremembe v kodi vplivajo na spletno stran.

Telefon Android s sistemom Chrome

  1. V telefonu odprite spletni brskalnik Google Chrome.
  2. Odprite spletno stran, katere izvorno kodo si želite ogledati.
  3. V naslovni vrstici tapnite enkrat in premaknite kazalec na sprednji del URL-ja.
  4. Vnesite view-source: in pritisnite Enter ali Go .

Nasvet: Če želite na primer videti kodo za našo domačo stran, bi vnesli view-source: //www.computerhope.com

Kako zapreti izvorno kodno stran ali orodje

Ko končate z ogledom izvorne kode na spletni strani, jo boste morda želeli zapreti ali zapreti. Zapiranje izvorne kode je odvisno od metode, s katero ste jo odprli.

  • Če ste uporabili metodo Ctrl + U (razen za rob) ali metodo z desnim klikom, zaprite nov zavihek, ki se odpre na vrhu okna brskalnika.
  • Če ste uporabili način razvijalca (s pritiskom na F12 ali Ctrl + Shift + I), kliknite

    v zgornjem desnem kotu okna orodij .