Pri prezeraní zdrojového kódu webovej stránky je dôležité mať na pamäti, že informácie a kód, ktoré server nespracoval, sa nezobrazia. Napríklad takmer všetky internetové vyhľadávacie nástroje spracovávajú informácie na serveri a potom zobrazujú výsledky na webovej stránke. Inými slovami, môžete zobraziť kód, ktorý tvorí stránku s výsledkami, ale nemôžete zobraziť zdrojový kód vyhľadávacieho nástroja.
Toto pravidlo platí pre všetky skripty na strane servera, SSI a programovací kód. Preto funkcie, ako sú vyhľadávače, fóra, ankety, chat, atď., Nebudú zobrazovať svoj kód. Kopírovanie informácií zo zdrojového kódu môže spôsobiť chyby alebo vás nasmerovať späť na stránku, z ktorej ste informácie skopírovali.
Používatelia aplikácie Microsoft Edge
Ak chcete zobraziť zdrojový kód webovej stránky v aplikácii Microsoft Edge, postupujte podľa nasledujúcich krokov.
- Stlačte klávesy Ctrl + U alebo F12 na klávesnici počítača.
- Vyberte kartu Prvky v hornej časti pravého okna.
alebo
alebo
- Otvorte aplikáciu Microsoft Edge a prejdite na webovú stránku podľa vlastného výberu.
- Kliknite na položku Viac
- Z rozbaľovacej ponuky, ktorá sa zobrazí, vyberte položku Nástroje pre vývojárov .
- Vyberte kartu Prvky v hornej časti pravého okna.
Tip: V aplikácii Microsoft Edge nástroj DOM poskytuje aj interakciu so zdrojovým kódom a nastaveniami CSS, čo umožňuje používateľom okamžite vidieť, ako zmeny kódu ovplyvňujú webovú stránku.
Používatelia programu Microsoft Internet Explorer
Ak chcete zobraziť zdrojový kód webovej stránky v programe Microsoft Internet Explorer, postupujte podľa nasledujúcich krokov.
- Stlačte klávesy Ctrl + U alebo F12 na klávesnici počítača.
- Kliknite na záložku Debugger v hornej časti novej ponuky.
alebo
alebo
- Otvorte Internet Explorer a prejdite na webovú stránku podľa vlastného výberu.
- Stlačením klávesu Alt vyvolajte panel s ponukami v prehľadávači.
- V rozbaľovacej ponuke, ktorá sa zobrazí, vyberte položku View ( Zobraziť) a potom položku Source (Zdroj ).
- Kliknite na záložku Debugger v hornej časti novej ponuky.
Tip: Pomocou najnovších verzií programu Internet Explorer sa stlačením klávesu F12 zobrazí nástroj DOM. Tento nástroj poskytuje oveľa viac interakcie so zdrojovým kódom a nastaveniami CSS, čo umožňuje používateľom okamžite vidieť, ako zmeny v kóde ovplyvňujú webovú stránku.
Používatelia Mozilla Firefox a Netscape
Ak chcete zobraziť zdrojový kód webovej stránky v Mozilla Firefox, postupujte podľa nižšie uvedených krokov.
- Stlačte klávesovú skratku Ctrl + U na klávesnici počítača.
alebo
alebo
- Otvorte Mozilla Firefox a prejdite na webovú stránku podľa vlastného výberu.
- Stlačením klávesu Alt vyvolajte panel s ponukami v prehľadávači.
- Vyberte položku Nástroje, webový vývojár a potom položku Zdroj stránky .
Tip: Pomocou najnovších verzií Firefoxu sa stlačením klávesu F12 alebo Ctrl + Shift + I zobrazí interaktívny vývojársky nástroj. Tento nástroj poskytuje oveľa viac interakcie so zdrojovým kódom a nastaveniami CSS, čo umožňuje používateľom okamžite vidieť, ako zmeny v kóde ovplyvňujú webovú stránku.
Zobrazenie časti zdrojového kódu stránky
- Zvýraznite časť webovej stránky, pre ktorú chcete zobraziť zdrojový kód.
- Kliknite pravým tlačidlom myši na zvýraznenú časť a potom kliknite na položku Zobraziť zdroj výberu .
Tip: Doplnok Firebug použite nielen na zobrazenie zdrojového kódu stránky, ale aj na zmenu a zobrazenie týchto zmien v živom prehliadači.
Používatelia prehliadača Google Chrome
Ak chcete zobraziť zdrojový kód webovej stránky v prehliadači Google Chrome, postupujte podľa nasledujúcich krokov.
- Stlačte klávesovú skratku Ctrl + U na klávesnici počítača.
alebo
alebo
- Otvorte prehliadač Chrome a prejdite na webovú stránku podľa vlastného výberu.
- Kliknite na položku Prispôsobiť a ovládať prehliadač Google Chrome
- V rozbaľovacej ponuke, ktorá sa zobrazí, vyberte Ďalšie nástroje a potom Nástroje pre vývojárov .
- Kliknite na kartu Prvky v hornej časti novej sekcie, ktorá sa zobrazí.
Tip: Pomocou najnovších verzií prehliadača Chrome sa stlačením klávesu F12 alebo klávesov Ctrl + Shift + I zobrazí aj interaktívny vývojársky nástroj. Tento nástroj poskytuje oveľa viac interakcie so zdrojovým kódom a nastaveniami CSS, čo umožňuje používateľom okamžite vidieť, ako zmeny v kóde ovplyvňujú webovú stránku.
Používatelia Apple Safari
Ak chcete zobraziť zdrojový kód webovej stránky v Apple Safari, postupujte podľa nižšie uvedených krokov.
- Stlačte kláves Command + Option + U na klávesnici.
alebo
alebo
- Otvorte prehliadač Safari a prejdite na webovú stránku podľa vlastného výberu.
- Vyberte ponuku Develop .
- Vyberte možnosť Zobraziť zdroj stránky .
Používatelia Opery
Ak chcete zobraziť zdrojový kód webovej stránky v Opera, postupujte podľa nasledujúcich krokov.
- Stlačte kláves Ctrl + U na klávesnici.
alebo
alebo
- Otvorte Opera a prejdite na webovú stránku podľa vlastného výberu.
- Kliknite na tlačidlo Menu
- V podponuke Vývojár vyberte položku Zdroj stránky .
Tip: Ak nevidíte podponuku Developer, zvoľte More tools → Show developer . Potom kliknite na tlačidlo ponuky
Tip: S najnovšími verziami Opery, stlačením klávesovej skratky Ctrl + Shift + I sa zobrazí interaktívny vývojársky nástroj. Tento nástroj poskytuje oveľa viac interakcie so zdrojovým kódom a nastaveniami CSS, čo umožňuje používateľom okamžite vidieť, ako zmeny v kóde ovplyvňujú webovú stránku.
Android so systémom Chrome
- V telefóne otvorte internetový prehliadač Google Chrome.
- Otvorte webovú stránku, ktorej zdrojový kód chcete zobraziť.
- Klepnite raz na paneli s adresou a potom presuňte kurzor na prednú časť adresy URL.
- Napíšte view-source: a stlačte Enter alebo Go .
Tip: Ak chcete napríklad zobraziť kód našej domovskej stránky, napíšte view-source: //www.computerhope.com
Ako zatvoriť zdrojový kód stránky alebo nástroj
Po dokončení zobrazenia zdrojového kódu na webovej stránke ho možno budete chcieť ukončiť alebo zatvoriť. Zatvorenie zdrojového kódu závisí od metódy, ktorú ste použili na jeho otvorenie.
- Ak ste použili metódu Ctrl + U (okrem Edge) alebo metódu pravým tlačidlom myši, zatvorte novú kartu, ktorá sa otvorila v hornej časti okna prehliadača.
- Ak ste použili metódu vývojára (stlačením klávesov F12 alebo Ctrl + Shift + I), kliknite na tlačidlo
