
Podczas przeglądania kodu źródłowego strony internetowej należy pamiętać, że informacje i kod nie przetworzone przez serwer nie zostaną wyświetlone. Na przykład prawie wszystkie wyszukiwarki internetowe przetwarzają informacje na serwerze, a następnie wyświetlają wyniki na stronie internetowej. Innymi słowy, możesz wyświetlić kod, który tworzy stronę wyników, ale nie możesz wyświetlić kodu źródłowego wyszukiwarki.
Ta zasada dotyczy wszystkich skryptów po stronie serwera, SSI i kodu programistycznego. Dlatego funkcje, takie jak wyszukiwarki, fora, ankiety, czat itp., Nie będą wyświetlać ich kodu. Kopiowanie informacji z kodu źródłowego może spowodować błędy lub skierować Cię z powrotem na stronę, z której skopiowano informacje.

Użytkownicy Microsoft Edge
Aby wyświetlić kod źródłowy strony internetowej w Microsoft Edge, wykonaj poniższe kroki.
- Naciśnij Ctrl + U lub F12 na klawiaturze komputera.
- Wybierz kartę Elementy u góry prawego okna.
Lub
Lub
- Otwórz Microsoft Edge i przejdź do wybranej strony internetowej.
- Kliknij Więcej
ikona w prawym górnym rogu ekranu. - Wybierz Narzędzia programisty z wyświetlonego menu rozwijanego.
- Wybierz kartę Elementy u góry prawego okna.
Wskazówka: W Microsoft Edge narzędzie DOM zapewnia również interakcję z kodem źródłowym i ustawieniami CSS, dzięki czemu użytkownicy mogą natychmiast zobaczyć, jak zmiany w kodzie wpływają na stronę internetową.

Użytkownicy Microsoft Internet Explorer
Aby wyświetlić kod źródłowy strony internetowej w programie Microsoft Internet Explorer, wykonaj poniższe kroki.
- Naciśnij Ctrl + U lub F12 na klawiaturze komputera.
- Kliknij kartę Debugger w górnej części nowego menu.
Lub
Lub
- Otwórz program Internet Explorer i przejdź do wybranej strony internetowej.
- Naciśnij klawisz Alt, aby wyświetlić pasek menu przeglądarki.
- Wybierz Widok, a następnie Źródło z menu rozwijanego, które się pojawi.
- Kliknij kartę Debugger w górnej części nowego menu.
Wskazówka: W najnowszych wersjach programu Internet Explorer naciśnięcie klawisza F12 powoduje wyświetlenie narzędzia DOM. To narzędzie zapewnia znacznie więcej interakcji z kodem źródłowym i ustawieniami CSS, dzięki czemu użytkownicy mogą zobaczyć, jak zmiany w kodzie wpływają natychmiast na stronę internetową.

Użytkownicy Mozilla Firefox i Netscape
Aby wyświetlić kod źródłowy strony internetowej w Mozilla Firefox, wykonaj poniższe kroki.
- Naciśnij Ctrl + U na klawiaturze komputera.
Lub
Lub
- Otwórz Mozilla Firefox i przejdź do wybranej strony internetowej.
- Naciśnij klawisz Alt, aby wyświetlić pasek menu przeglądarki.
- Wybierz Narzędzia, Programista WWW, a następnie Źródło strony .
Wskazówka: W najnowszych wersjach Firefoksa naciśnięcie klawisza F12 lub Ctrl + Shift + I wywołuje interaktywne narzędzie programistyczne. To narzędzie zapewnia znacznie więcej interakcji z kodem źródłowym i ustawieniami CSS, dzięki czemu użytkownicy mogą zobaczyć, jak zmiany w kodzie wpływają natychmiast na stronę internetową.
Wyświetl sekcję kodu źródłowego strony
- Podświetl część strony internetowej, dla której chcesz wyświetlić kod źródłowy.
- Kliknij prawym przyciskiem myszy podświetloną sekcję, a następnie kliknij Wyświetl źródło zaznaczenia .
Wskazówka: użyj dodatku Firebug, aby nie tylko wyświetlać kod źródłowy strony, ale także zmieniać i przeglądać te zmiany na żywo przez przeglądarkę.

Użytkownicy Google Chrome
Aby wyświetlić kod źródłowy strony internetowej w Google Chrome, wykonaj poniższe kroki.
- Naciśnij Ctrl + U na klawiaturze komputera.
Lub
Lub
- Otwórz Chrome i przejdź do wybranej strony internetowej.
- Kliknij Dostosuj i kontroluj Google Chrome
ikona w prawym górnym rogu okna przeglądarki. - Z wyświetlonego menu rozwijanego wybierz Więcej narzędzi, a następnie Narzędzia programisty .
- Kliknij kartę Elementy u góry nowej sekcji, która się pojawi.
Wskazówka: w najnowszych wersjach Chrome naciśnięcie klawisza F12 lub Ctrl + Shift + I wywołuje również interaktywne narzędzie programistyczne. To narzędzie zapewnia znacznie więcej interakcji z kodem źródłowym i ustawieniami CSS, dzięki czemu użytkownicy mogą zobaczyć, jak zmiany w kodzie wpływają natychmiast na stronę internetową.

Użytkownicy Apple Safari
Aby wyświetlić kod źródłowy strony internetowej w Apple Safari, wykonaj poniższe kroki.
- Naciśnij Command + Option + U na klawiaturze.
Lub
Lub
- Otwórz przeglądarkę Safari i przejdź do wybranej strony internetowej.
- Wybierz menu rozwijane .
- Wybierz opcję Pokaż źródło strony .

Użytkownicy Opery
Aby wyświetlić kod źródłowy strony internetowej w Operze, wykonaj poniższe kroki.
- Naciśnij Ctrl + U na klawiaturze.
Lub
Lub
- Otwórz Operę i przejdź do wybranej strony internetowej.
- Kliknij przycisk Menu
w lewym górnym rogu okna przeglądarki. - W podmenu Deweloper wybierz Źródło strony .
Wskazówka: Jeśli nie widzisz podmenu Deweloper, wybierz Więcej narzędzi → Pokaż menu programisty . Następnie kliknij przycisk menu

Wskazówka: W najnowszych wersjach Opery naciśnięcie kombinacji skrótów Ctrl + Shift + I wywołuje interaktywne narzędzie programistyczne. To narzędzie zapewnia znacznie więcej interakcji z kodem źródłowym i ustawieniami CSS, dzięki czemu użytkownicy mogą zobaczyć, jak zmiany w kodzie wpływają natychmiast na stronę internetową.
Telefon z Androidem z Chrome
- Otwórz przeglądarkę Google Chrome w telefonie.
- Otwórz stronę internetową, której kod źródłowy chcesz wyświetlić.
- Stuknij raz w pasek adresu, a następnie przesuń kursor na początek adresu URL.
- Wpisz view-source: i naciśnij Enter lub Go .
Wskazówka: na przykład, aby wyświetlić kod naszej strony głównej, wpisz view-source: //www.computerhope.com
Jak zamknąć źródłową stronę kodową lub narzędzie
Po zakończeniu przeglądania kodu źródłowego na stronie internetowej możesz go zamknąć lub zamknąć. Zamknięcie kodu źródłowego zależy od metody użytej do jego otwarcia.
- Jeśli korzystasz z metody Ctrl + U (z wyjątkiem Edge) lub metody kliknięcia prawym przyciskiem myszy, zamknij nową kartę, która otworzyła się w górnej części okna przeglądarki.
- Jeśli korzystałeś z metody programisty (naciskając F12 lub Ctrl + Shift + I), kliknij
w prawym górnym rogu okna narzędzi .