Wyświetl kod źródłowy strony internetowej w każdej przeglądarce

Chociaż przeglądarki internetowe interpretują pliki Hypertext Markup Language i Cascading Style Sheets, które sprawiają, że sieć wygląda tak, jak to robi, skrót klawiszowy lub modyfikacja adresu URL zmusza przeglądarki do wyświetlania nie renderowanej strony internetowej, ale jej kodu źródłowego w nowej karcie lub oknie . Chociaż większość ludzi rzadko musi badać kod źródłowy, programiści używają tej perspektywy do rozwiązywania problemów z niespójnością układu lub naprawiania błędów w witrynie.

Getty Images (Logovski # 465458409)


Jak wyświetlić źródło w przeglądarce na komputerze

Dla wszystkich głównych przeglądarek na komputerze - Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi - naciśnij Ctrl + U aby otworzyć nową kartę, która wyświetla surowy kod HTML strony, na której jesteś. Na komputerze Mac naciśnij Cmd + Opcja + U or Cmd + U w przeglądarce Firefox.

Kroki przeglądania kodu źródłowego witryny w przeglądarce Google Chrome

Alternatywnie, wszystkie przeglądarki komputerowe obsługują modyfikację specyficzną dla adresu URL. Dołącz tekst na początku Pokaż źródło: do adresu URL, aby otworzyć stronę w trybie źródłowym. Na przykład wpisz źródło-widoku: https: //www.lifewire.com aby wyświetlić kod źródłowy głównej strony docelowej Lifewire.

Wolisz mysz lub potrzebujesz modyfikować kod HTML w locie? Wszystkie główne przeglądarki obsługują rozszerzenie Pokaż źródło polecenie gdzieś w strukturze menu, a także obsługują tryb programisty (nazywany różnymi rzeczami i uruchamiany na różne sposoby), który umożliwia dostosowywanie w czasie rzeczywistym sposobu wykonywania strony na podstawie zmian wprowadzanych w interfejsie programisty.

Jak wyświetlić źródło w domyślnej przeglądarce mobilnej

Standardowa przeglądarka Androida umożliwia rozszerzenie Pokaż źródło: Zmiana adresu URL. Jednak w systemie iOS standardowa aplikacja Safari nie obsługuje tej funkcji. Na platformie Apple musisz uruchomić inną przeglądarkę lub aplikację do przeglądania kodu źródłowego ze sklepu App Store.

Poszczególne przeglądarki mobilne, które zainstalowałeś ze sklepu z aplikacjami Twojej platformy, zachowują się inaczej. Zapoznaj się z dokumentacją przeglądarki, aby poznać konkretne procedury.


Dodaj komentarz