Při zobrazení zdrojového kódu webové stránky je důležité mít na paměti, že informace a kód, který server nezpracovává, se nezobrazí. Například téměř všechny internetové vyhledávače zpracovávají informace na serveru a poté zobrazují výsledky na webové stránce. Jinými slovy, můžete zobrazit kód, který tvoří stránku s výsledky, ale nelze zobrazit zdrojový kód vyhledávače.
Toto pravidlo platí pro všechny skripty na straně serveru, SSI a programovací kód. Proto funkce, jako jsou vyhledávače, fóra, ankety, chat, atd., Nebudou zobrazovat svůj kód. Kopírování informací ze zdrojového kódu může způsobit chyby nebo vás přesměrovat na stránku, ze které jste informace zkopírovali.
Uživatelé Microsoft Edge
Chcete-li zobrazit zdrojový kód webové stránky v aplikaci Microsoft Edge, postupujte podle následujících kroků.
- Stiskněte klávesy Ctrl + U nebo F12 na klávesnici počítače.
- V horní části pravého okna vyberte kartu Prvky .
Nebo
Nebo
- Otevřete aplikaci Microsoft Edge a přejděte na požadovanou webovou stránku.
- Klepněte na tlačítko Další
v pravém horním rohu obrazovky. - Z rozevírací nabídky, která se zobrazí, vyberte položku Nástroje pro vývojáře .
- V horní části pravého okna vyberte kartu Prvky .
Tip: V aplikaci Microsoft Edge poskytuje nástroj DOM také interakci se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje okamžitě zjistit, jak změny kódu ovlivňují webovou stránku.
Uživatelé aplikace Microsoft Internet Explorer
Chcete-li zobrazit zdrojový kód webové stránky v aplikaci Microsoft Internet Explorer, postupujte podle následujících kroků.
- Stiskněte klávesy Ctrl + U nebo F12 na klávesnici počítače.
- Klepněte na kartu Debugger v horní části nové nabídky.
Nebo
Nebo
- Otevřete aplikaci Internet Explorer a přejděte na webovou stránku podle svého výběru.
- Stisknutím klávesy Alt vyvolejte panel nabídek prohlížeče.
- V rozevírací nabídce, která se zobrazí, vyberte možnost Zobrazit a potom možnost Zdroj .
- Klepněte na kartu Debugger v horní části nové nabídky.
Tip: Pomocí nejnovějších verzí aplikace Internet Explorer se stisknutím klávesy F12 vyvolá nástroj DOM. Tento nástroj poskytuje mnohem více interakce se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje okamžitě vidět, jak změny v kódu ovlivňují webovou stránku.
Uživatelé Mozilla Firefox a Netscape
Chcete-li zobrazit zdrojový kód webové stránky v aplikaci Mozilla Firefox, postupujte podle následujících kroků.
- Stiskněte klávesu Ctrl + U na klávesnici počítače.
Nebo
Nebo
- Otevřete prohlížeč Mozilla Firefox a přejděte na webovou stránku podle svého výběru.
- Stisknutím klávesy Alt vyvolejte panel nabídek prohlížeče.
- Vyberte Nástroje, Web Developer a potom Zdroj stránky .
Tip: Pomocí nejnovějších verzí Firefoxu se stisknutím klávesy F12 nebo Ctrl + Shift + I zobrazí interaktivní nástroj pro vývojáře. Tento nástroj poskytuje mnohem více interakce se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje okamžitě vidět, jak změny v kódu ovlivňují webovou stránku.
Zobrazení části zdrojového kódu stránky
- Zvýrazněte část webové stránky, pro kterou chcete zobrazit zdrojový kód.
- Klepněte pravým tlačítkem myši na zvýrazněnou část a potom klepněte na příkaz Zobrazit zdroj výběru .
Tip: Pomocí doplňku Firebug můžete nejen zobrazit zdrojový kód stránky, ale změnit a zobrazit tyto změny živě prostřednictvím prohlížeče.
Uživatelé Google Chrome
Chcete-li zobrazit zdrojový kód webové stránky v prohlížeči Google Chrome, postupujte podle následujících kroků.
- Stiskněte klávesu Ctrl + U na klávesnici počítače.
Nebo
Nebo
- Otevřete Chrome a přejděte na webovou stránku dle svého výběru.
- Klikněte na položku Upravit a ovládat prohlížeč Google Chrome
v pravé horní části okna prohlížeče. - V rozevírací nabídce, která se zobrazí, vyberte Další nástroje a poté Nástroje pro vývojáře .
- Klepněte na kartu Prvky v horní části nové části, která se zobrazí.
Tip: Pomocí nejnovějších verzí prohlížeče Chrome můžete stisknutím klávesy F12 nebo kláves Ctrl + Shift + I zobrazit interaktivní nástroj pro vývojáře. Tento nástroj poskytuje mnohem více interakce se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje okamžitě vidět, jak změny v kódu ovlivňují webovou stránku.
Uživatelé Apple Safari
Chcete-li zobrazit zdrojový kód webové stránky v aplikaci Apple Safari, postupujte podle následujících kroků.
- Stiskněte klávesu Command + Option + U na klávesnici.
Nebo
Nebo
- Otevřete prohlížeč Safari a přejděte na požadovanou webovou stránku.
- Vyberte nabídku Develop .
- Zvolte možnost Zobrazit zdroj stránky .
Uživatelé Opery
Chcete-li zobrazit zdrojový kód webové stránky v Opeře, postupujte podle následujících kroků.
- Stiskněte klávesy Ctrl + U na klávesnici.
Nebo
Nebo
- Otevřete Opera a přejděte na webovou stránku dle svého výběru.
- Klepněte na tlačítko Menu
v levém horním rohu okna prohlížeče. - V podnabídce Vývojář vyberte možnost Zdroj stránky .
Tip: Pokud se nezobrazí podnabídka Vývojář, zvolte Další nástroje → Zobrazit nabídku vývojáře . Poté klepněte na tlačítko nabídky
Tip: S nejnovějšími verzemi Opery, stisknutím kombinace kláves Ctrl + Shift + I se zobrazí interaktivní vývojářský nástroj. Tento nástroj poskytuje mnohem více interakce se zdrojovým kódem a nastavením CSS, což uživatelům umožňuje okamžitě vidět, jak změny v kódu ovlivňují webovou stránku.
Android se systémem Chrome
- V telefonu otevřete internetový prohlížeč Google Chrome.
- Otevřete webovou stránku, jejíž zdrojový kód chcete zobrazit.
- Klepněte jednou v adresním řádku a přesuňte kurzor na přední část adresy URL.
- Zadejte view-source: a stiskněte Enter nebo Go .
Tip: Chcete-li například zobrazit kód naší domovské stránky, zadejte příkaz view-source: //www.computerhope.com
Jak zavřít stránku zdrojového kódu nebo nástroj
Po dokončení zobrazení zdrojového kódu na webové stránce jej můžete ukončit nebo zavřít. Zavření zdrojového kódu závisí na metodě, kterou jste otevřeli.
- Pokud jste použili metodu Ctrl + U (s výjimkou Edge) nebo metodu pravým tlačítkem myši, zavřete novou kartu, která se otevřela v horní části okna prohlížeče.
- Pokud jste použili metodu vývojáře (stisknutím kláves F12 nebo Ctrl + Shift + I), klepněte na tlačítko
v pravém horním rohu okna nástrojů .