Kako si ogledati izvorno kodo HTML spletne strani



Oglejte si izvorno kodo

Vsak glavni Internetni brskalnik uporabnikom omogoča ogled izvorne kode HTML katere koli spletne strani, ki jo obiščejo. Naslednji razdelki vsebujejo informacije o več načinih za ogled izvorna koda v vsakem od glavnih brskalnikov. Za nadaljevanje izberite vnos s spodnjega seznama in sledite navodilom.

Uvodne informacije

Pri ogledu izvorne kode spletne strani se informacije in kode, ki jih obdela strežnik, ne bodo prikazale. Na primer, a iskalnik obdeluje informacije o a strežnik in nato rezultate prikaže na spletni strani. Z drugimi besedami, lahko si ogledate kodo, ki sestavlja stran z rezultati, ne morete pa si ogledati izvorne kode iskalnika.

To pravilo velja za vse strežniški skripti , SSI in programsko kodo. Zato si ne morete ogledati izvorne kode skriptov, ki se uporablja v iskalnikih, forumih, anketah, klepetu itd. Kopiranje informacij iz izvorne kode lahko povzroči napake ali vas vrne na stran, s katere ste kopirali podatke.

Chrome

Google Chrome

Če si želite ogledati izvorno kodo spletne strani v Google Chrome , uporabite katero koli od naslednjih metod.

Oglejte si samo izvorno kodo

Metoda ena

Če si želite ogledati samo izvorno kodo, pritisnite Ctrl + U na tipkovnici računalnika.

Druga metoda

Desni klik prazen del spletne strani in izberite Ogled vira v pojavnem meniju, ki se prikaže.

Ogled vira strani v Chromu.

kako priključiti tiskalnik na računalnik

Ogled vira strani z elementi

  1. Odprto Chrome in se pomaknite po spletni strani, katere izvorno kodo si želite ogledati.
  2. Kliknite Prilagodite in nadzirajte Google Chrome Ikona nastavitev za Chromev zgornjem desnem kotu okna brskalnika.
  3. Iz spustni meni , ki se prikaže, izberite Več orodij , nato izberite Orodja za razvijalce .
  4. Kliknite Elementi v zgornjem levem kotu novega odseka, ki se prikaže na dnu zaslona.

Zavihek Elementi v Chromu.

Nasvet



V Chromu s pritiskom na F12 ali Ctrl + Shift + I odprete tudi interaktivno orodje za razvijalce. To orodje zagotavlja veliko več interakcije z izvorno kodo in CSS nastavitve, ki uporabnikom omogoča, da vidijo, kako spremembe kode takoj vplivajo na spletno stran.

Firefox

Mozilla Firefox

Če si želite ogledati izvorno kodo spletne strani v Mozilla Firefox , uporabite katero koli od naslednjih metod.

Oglejte si samo izvorno kodo

Metoda ena

Če si želite ogledati samo izvorno kodo, pritisnite Ctrl + U na tipkovnici računalnika.

Druga metoda

Desni klik prazen del spletne strani in izberite Ogled vira v pojavnem meniju, ki se prikaže.

Ogled vira strani v Firefoxu.

Ogled vira strani z elementi

  1. Odprto Firefox in se pomaknite po spletni strani, katere izvorno kodo si želite ogledati.
  2. Kliknite Meni Ikona menija Firefoxv zgornjem desnem kotu zaslona.
  3. Izberite Spletni razvijalec v spustni meni , nato izberite Preklopi orodja iz razširjenega menija.
  4. Kliknite Inšpektor v zgornjem levem kotu odseka, ki se prikaže na dnu zaslona.

Zavihek Firefox Inspector.

Nasvet

V Firefoxu s pritiskom na F12 ali Ctrl + Shift + I odprete tudi interaktivno orodje za razvijalce. To orodje omogoča interakcijo z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da v realnem času vidijo, kako spremembe kode vplivajo na spletno stran.

Oglejte si del izvorne kode strani

  1. Označite del spletne strani, za katerega si želite ogledati izvorno kodo.
  2. Desni klik označeni razdelek in izberite Ogled izbirnega vira .
Nasvet



Dodatek Firebug lahko uporabite za ogled in urejanje izvorne kode strani ter spremembe v živo v brskalniku.

Microsoft Edge

Microsoft Edge

Če si želite ogledati izvorno kodo spletne strani v Microsoft Edge , uporabite katero koli od naslednjih metod.

kako izbrisati e -poštni račun

Oglejte si samo izvorno kodo

Metoda ena

Če si želite ogledati samo izvorno kodo, pritisnite Ctrl + U na tipkovnici računalnika.

Druga metoda

Desni klik prazen del spletne strani in izberite Ogled vira v pojavnem meniju, ki se prikaže.

Ogled izbirnika strani v Edgeu.

Ogled vira strani z elementi

  1. Odprto Microsoft Edge in se pomaknite po spletni strani, katere izvorno kodo si želite ogledati.
  2. Kliknite Nastavitve in še več Ikona rob večv zgornjem desnem kotu zaslona.
  3. Premaknite miško Več orodij v spustni meni in izberite Orodja za razvijalce iz razširjenega menija.
  4. Kliknite Elementi zavihek na vrhu okna, ki se prikaže na desni strani zaslona.

Zavihek Elementi v Edgeu.

Nasvet

V programu Microsoft Edge s pritiskom na F12 ali Ctrl + Shift + I odprete tudi interaktivno orodje za razvijalce. To orodje omogoča interakcijo z izvorno kodo in nastavitvami CSS, kar uporabnikom omogoča, da v realnem času vidijo, kako spremembe kode vplivajo na spletno stran.

internet Explorer

Microsoft Internet Explorer

Če si želite ogledati izvorno kodo spletne strani v Microsoft Internet Explorer , uporabite katero koli od naslednjih metod.

Oglejte si samo izvorno kodo

Metoda ena

Če si želite ogledati samo izvorno kodo, pritisnite Ctrl + U na tipkovnici računalnika.

Druga metoda

Desni klik prazen del spletne strani in izberite Ogled vira v pojavnem meniju, ki se prikaže.

Ogled izbirnika virov v Internet Explorerju.

Ogled vira strani z elementi

  1. Odprto internet Explorer in se pomaknite po spletni strani, katere izvorno kodo si želite ogledati.
  2. Kliknite Orodja Ikona orodij Internet Explorerv zgornjem desnem kotu.
  3. Izberite F12 Orodja za razvijalce Iz spustni meni .
  1. Kliknite DOM Explorer v zgornjem levem kotu menija orodij za razvijalce.

Zavihek DOM Explorer v Internet Explorerju.

Nasvet



S pritiskom na F12 v Internet Explorerju odprete OBSODBA orodje. To orodje omogoča interakcijo z izvorno kodo in CSS nastavitve, ki uporabnikom omogoča, da vidijo, kako spremembe kode takoj vplivajo na spletno stran.

Safari

Safari

V Safariju za ogled izvorne kode spletne strani morate omogočiti možnosti za razvijalce. V naslednjih razdelkih je prikazano, kako vklopiti to funkcijo in nato, kako si ogledati izvorno kodo spletne strani.

Dostop do možnosti za razvijalce v brskalniku Safari

  1. Odprite brskalnik Safari.
  2. Izberite Izbirnik nastavitevv menijski vrstici v zgornjem levem kotu zaslona.
  3. V spustni meni , ki se prikaže, izberite Preference .

Pokaži meni Razvijanje v brskalniku Safari.

  1. Kliknite Napredno zavihek in potrdite polje zraven V menijski vrstici pokaži meni Razviti .

Razvijte izbirnik v menijski vrstici Apple.

  1. Zdaj bi morali videti Razviti izbirnik v Appleu menijska vrstica na vrhu zaslona.

Zavihek Elementi v brskalniku Safari.

kaj je priklopna postaja za prenosnik

Ogled izvorne kode

Opomba

Če želite delati naslednje korake, morate imeti omogočene možnosti za razvijalce.

Metoda ena

  1. Odprite Safari in se pomaknite po spletni strani, katere izvorno kodo si želite ogledati.
  2. V jabolku menijska vrstica na vrhu zaslona kliknite Razviti in izberite Pokaži vir strani Iz spustni meni .
  3. Na sredini zaslona kliknite Elementi na vrhu razdelka orodij za razvijalce.

Prikaži izbirnik vira strani v brskalniku Safari.

2. metoda

Desni klik prazen del spletne strani in izberite Pokaži vir strani v pojavnem meniju, ki se prikaže.

Opera

Nasvet

Ko so omogočene možnosti za razvijalce, lahko pritisnete tudi Command + option + U, da si ogledate izvorno kodo strani.

Izbirnik virov strani v Operi.

Opera

Če si želite ogledati izvorno kodo spletne strani v Opera , uporabite katero koli od naslednjih metod.

Oglejte si samo izvorno kodo

Metoda ena

Če si želite ogledati samo izvorno kodo, pritisnite Ctrl + U na tipkovnici računalnika.

Druga metoda

Desni klik prazen del spletne strani in izberite Vir strani v pojavnem meniju, ki se prikaže.

Gumb Opera Menu

Ogled vira strani z elementi

  1. Odprto Opera in se pomaknite po spletni strani, katere izvorno kodo si želite ogledati.
  2. Kliknite Opera Zavihek Elementi v Operi.v zgornjem levem kotu okna brskalnika.
  3. Premaknite miško Razvijalec v spustni meni in izberite Orodja za razvijalce iz razširjenega menija.
  4. Kliknite Elementi zavihek na vrhu okna, ki se prikaže na desni strani zaslona.

iOS in iPadOS

Nasvet

Če ne vidite Razvijalec podmeni, izberite Več orodijPokaži meni za razvijalce . Nato kliknite gumb menija Več izbirnika v iOS-u.ponovno. Zdaj bi morali videti Razvijalec vnos naveden.

Nasvet

V Operi s pritiskom na F12 ali Ctrl + Shift + I odprete tudi interaktivno orodje za razvijalce. To orodje omogoča interakcijo z izvorno kodo in CSS nastavitve, ki uporabnikom omogočajo, da v realnem času vidijo, kako spremembe kode vplivajo na spletno stran.

Telefon ali tablični računalnik Android s sistemom Chrome

  1. Odprite brskalnik Google Chrome na vašem Android telefon ali tablični računalnik.
  2. Odprite spletno stran, katere izvorno kodo si želite ogledati.
  3. Enkrat tapnite v naslovna vrstica in premaknite kazalko na sprednjo stran URL .
  4. Tip pogled-vir: in tapnite Enter ali Pojdi .
Nasvet

Na primer, če si želite ogledati kodo naše domače strani, vnesite pogled-vir: https: //www.computerhope.com

Če zgornji koraki v vašem telefonu Android ne delujejo, uporabite metodo v iPhone ali iPad z brskalnikom Safari odsek. Ista koda deluje v telefonih s sistemom Android, edina razlika je uporaba Chroma namesto Safarija in postopek ustvarjanja in urejanja zaznamka.

Nasvet

Če se po zgornji metodi težko premikate po izvorni kodi v mobilni napravi, boste morda želeli razmisliti tudi o spletno orodje .

Možnost, ki se uporablja za prikaz zaslona za dodajanje zaznamkov v sistemu iOS.

iPhone ali iPad z brskalnikom Safari

Ogled izvorne kode spletne strani na iPhone ali iPad zahteva nekaj več dela, vendar je mogoče. Postopek zahteva, da ustvarite zaznamek, mu dodelite kodo JavaScript in zaznamek uporabite na spletni strani za ogled izvorne kode.

Opomba

Če želite za ogled izvorne kode spletne strani uporabiti aplikacijo, lahko brezplačno prenesete Ogled vira aplikacijo iz iOS App Store .

Ustvarite zaznamek za ogled izvorne kode

  1. V iPhonu ali iPadu odprite brskalnik Safari.
  2. Dostopite do katere koli spletne strani, na primer www.computerhope.com .
  3. Dotaknite se Več na dnu zaslona.

Spremenite ime zaznamka

Nasvet

Lahko tudi pritisnete in držite prst na Zaznamek na dnu zaslona, ​​dokler se ne prikaže meni.

  1. V meniju, ki se odpre, tapnite Dodaj zaznamek možnost.

Ikona zaznamkov v napravi iOS

upravitelja naprav v sistemu Windows 10
  1. Tapnite v polju z imenom zaznamka, nato tapnite x na desni strani počistite trenutno ime in vnesite ' Oglejte si izvorno kodo spletne strani 'kot novo ime.

Možnost urejanja zaznamkov v napravi iOS

  1. Dotaknite se Shrani v zgornjem desnem kotu, da shranite zaznamek.
  2. Kopirajte celoten delček kode JavaScript spodaj.
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))})();
  1. V Safariju do zaznamkov dostopate tako, da tapnete ikono zaznamkov na dnu zaslona.

Kodo JavaScript prilepite v polje URL

  1. Poiščite zaznamek, ki ste ga ustvarili zgoraj, nato pritisnite in držite prst na zaznamku, dokler se na dnu zaslona ne odpre meni.
  2. Dotaknite se Uredi v meniju.

Ikona zaznamkov v napravi iOS

  1. Na Uredi zaznamek zaslona, ​​tapnite URL in nato tapnite x če želite počistiti URL, nato v polje URL prilepite kodo JavaScript iz 7. koraka.

Uporabite zaznamek pogleda vira

  1. Dotaknite se Končano v spodnjem desnem kotu zaslona, ​​da shranite spremembe zaznamka.

Za ogled izvorne kode uporabite zaznamek

Ko ustvarite zgornji zaznamek, si lahko zdaj ogledate izvorno kodo spletne strani.

  1. V brskalniku Safari odprite spletno stran, kjer si želite ogledati izvorno kodo.
  2. Na dnu zaslona tapnite ikono zaznamkov.

Spremenite ime zaznamka

  1. Dotaknite se Oglejte si izvorno kodo spletne strani zaznamek, ki ste ga ustvarili.

Odpre se nov zavihek brskanja Safari, ki prikazuje izvorno kodo spletne strani.

Nasvet

Če imate težave z navigacijo po izvorni kodi v mobilni napravi po zgornji metodi, boste morda želeli razmisliti tudi o uporabi spletno orodje .

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 Ctrl + U (razen Edge) ali z desno miškino tipko, zaprite nov zavihek, ki se je odprl na vrhu okna brskalnika.
  • Če ste uporabili metodo razvijalca (z uporabo F12 ali Ctrl + Shift + I), znova pritisnite iste tipke ali kliknite v zgornjem desnem kotu okno orodij .

Za ogled izvorne kode uporabite spletno orodje

Poleg uporabe a brskalnik , obstaja več spletnih orodij, ki omogočajo ogled izvorne kode katere koli spletne strani. Ta orodja so lahko v pomoč, ker jih večina lahko formatira, stilizira in označi za lažje branje. Spodaj je kratek seznam nekaterih od teh orodij: