Jak wyświetlić kod źródłowy HTML strony internetowej

Wszystkie przeglądarki internetowe umożliwiają użytkownikom przeglądanie kodu źródłowego HTML dowolnej odwiedzanej strony internetowej. Poniższe sekcje zawierają informacje na temat wielu sposobów przeglądania kodu źródłowego w każdej z głównych przeglądarek. Aby kontynuować, wybierz wpis z listy poniżej i postępuj zgodnie z instrukcjami dla tej sekcji.

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.

  1. Naciśnij Ctrl + U lub F12 na klawiaturze komputera.
  2. Wybierz kartę Elementy u góry prawego okna.

Lub

Lub

  1. Otwórz Microsoft Edge i przejdź do wybranej strony internetowej.
  2. Kliknij Więcej

    ikona w prawym górnym rogu ekranu.
  3. Wybierz Narzędzia programisty z wyświetlonego menu rozwijanego.
  4. 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.

  1. Naciśnij Ctrl + U lub F12 na klawiaturze komputera.
  2. Kliknij kartę Debugger w górnej części nowego menu.

Lub

Lub

  1. Otwórz program Internet Explorer i przejdź do wybranej strony internetowej.
  2. Naciśnij klawisz Alt, aby wyświetlić pasek menu przeglądarki.
  3. Wybierz Widok, a następnie Źródło z menu rozwijanego, które się pojawi.
  4. 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.

  1. Naciśnij Ctrl + U na klawiaturze komputera.

Lub

Lub

  1. Otwórz Mozilla Firefox i przejdź do wybranej strony internetowej.
  2. Naciśnij klawisz Alt, aby wyświetlić pasek menu przeglądarki.
  3. 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

  1. Podświetl część strony internetowej, dla której chcesz wyświetlić kod źródłowy.
  2. 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.

  1. Naciśnij Ctrl + U na klawiaturze komputera.

Lub

Lub

  1. Otwórz Chrome i przejdź do wybranej strony internetowej.
  2. Kliknij Dostosuj i kontroluj Google Chrome

    ikona w prawym górnym rogu okna przeglądarki.
  3. Z wyświetlonego menu rozwijanego wybierz Więcej narzędzi, a następnie Narzędzia programisty .
  4. 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.

  1. Naciśnij Command + Option + U na klawiaturze.

Lub

Lub

  1. Otwórz przeglądarkę Safari i przejdź do wybranej strony internetowej.
  2. Wybierz menu rozwijane .
  3. 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.

  1. Naciśnij Ctrl + U na klawiaturze.

Lub

Lub

  1. Otwórz Operę i przejdź do wybranej strony internetowej.
  2. Kliknij przycisk Menu

    w lewym górnym rogu okna przeglądarki.
  3. W podmenu Deweloper wybierz Źródło strony .

Wskazówka: Jeśli nie widzisz podmenu Deweloper, wybierz Więcej narzędziPokaż menu programisty . Następnie kliknij przycisk menu

jeszcze raz. Wyświetlone zostanie teraz podmenu programisty .

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

  1. Otwórz przeglądarkę Google Chrome w telefonie.
  2. Otwórz stronę internetową, której kod źródłowy chcesz wyświetlić.
  3. Stuknij raz w pasek adresu, a następnie przesuń kursor na początek adresu URL.
  4. 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 .