Witryny internetowe oparte na ramkach często wyświetlają układ ramek, a nie zawartość.
Źródło obrazu: vetkit/iStock/Getty Images
Podstawowy kod HTML używany do budowy strony internetowej nie jest ukryty, ale jest łatwo dostępny dla każdego, kto ma odpowiednie narzędzia. Na przykład przeglądarki internetowe, takie jak Firefox, Chrome, Safari, Opera i Internet Explorer, oferują wiele sposobów bezpośredniego przeglądania kodu HTML, CSS lub JavaScript witryny. Ponadto niektóre dedykowane narzędzia dla programistów WWW mogą ładować i otwierać strony WWW z Internetu, tak jak plik przechowywany na dysku lokalnym.
Wyświetl źródło w przeglądarce
Czynności wymagane do wyświetlenia kodu HTML witryny są zasadniczo takie same w przypadku przeglądarek Firefox, Chrome, Safari, Opera i Internet Explorer. Kliknij prawym przyciskiem myszy sekcję strony internetowej, która zawiera tylko tekst, a następnie wybierz opcję „Wyświetl źródło” lub „Wyświetl źródło strony”. W zależności od konfiguracji przeglądarki, kod HTML otwiera się w nowej karcie przeglądarki lub w osobnym oknie aplikacji.
Wideo dnia
Zapisz kod źródłowy na dysku
Jeśli będziesz musiał później sprawdzić lub edytować kod witryny, możesz zapisać stronę na dysku twardym. Gdy klikniesz prawym przyciskiem myszy stronę internetową w przeglądarce Firefox lub Safari, pojawi się opcja „Zapisz stronę jako”. Chrome i Opera mają opcję „Zapisz jako”. Aby zapisać stronę sieci Web za pomocą przeglądarki Internet Explorer, kliknij „Narzędzia”, „Plik”, a następnie „Zapisz jako”. Oprócz strony internetowej sama przeglądarka zapisuje wszystkie obrazy, pliki CSS i JavaScript używane przez stronę, które są przechowywane lokalnie w jej sieci Web serwer.
Firefox, Chrome, Opera i Internet Explorer zapewniają tryb programisty, który umożliwia jednoczesne oglądanie renderowanej strony internetowej oraz jej kodu HTML, CSS i JavaScript. Jeśli klikniesz element w sieci, jego kod pojawi się w panelu programisty. Dostęp do panelu programisty można uzyskać za pomocą opcji lub narzędzia konfiguracyjnego. Chociaż Safari nie ma natywnego narzędzia programistycznego, możesz je zainstalować jako rozszerzenie.
Aplikacje do tworzenia stron internetowych
Narzędzia do projektowania witryn internetowych, takie jak Dreamweaver, Kompozer i Microsoft Expressions, umożliwiają otwieranie stron internetowych online przy użyciu ich adresów URL. Kod HTML wyświetlasz w widoku zawierającym tylko kod źródłowy lub w widoku podziału, podglądu i źródła. Dodatkowo możesz edytować kod i przeglądać zmiany w czasie rzeczywistym. Rzeczywisty kod przechowywany na serwerze serwisu nigdy nie ulega zmianie.
Problemy, które możesz napotkać
Celowo lub nieumyślnie niektóre strony internetowe nie rezygnują łatwo ze swojego kodu HTML. Na przykład niektóre witryny używają kodu JavaScript, który blokuje kliknięcia prawym przyciskiem myszy. Nadal możesz wyświetlić kod źródłowy, pobierając stronę na dysk lub wyłączając JavaScript w przeglądarce. Inne witryny używają ramek HTML lub ramek iframe, które uniemożliwiają bezpośredni dostęp do ich źródła. Firefox, Chrome, Safari i Opera wykrywają witryny oparte na ramkach i automatycznie oferują opcję wyświetlenia kodu źródłowego ramki. Jeśli strona internetowa korzysta z pliku JavaScript lub CSS przechowywanego w innej domenie, możesz wyświetlić kod tego pliku bezpośrednio przez skopiowanie adresu URL z kodu HTML, do którego masz dostęp, a następnie wklejenie go w pasku adresu nowej karty przeglądarki.
