Jak działa przeglądarka internetowa?
Wstęp
Zanim rzucisz się na głęboką wodę, warto najpierw zrozumieć jak działa przeglądarka internetowa. Przeglądarka będzie ci potrzebna i bardzo pomocna w trakcie nauki, a następnie to przecież za jej pośrednictwem inne osoby będą mogły podziwiać efekty twojej ciężkiej pracy.
Opis jest z premedytacją uproszczony, tak aby łatwiej było ci zrozumieć zasadę działania.
Czym jest przeglądarka internetowa?
Przeglądarka internetowa (np. Firefox) jest programem komputerowym, którego głównym celem jest wyświetlanie stron internetowych.
Na co dzień używasz wielu innych programów - choćby MS Word czy Excel. Zatem przeglądarka internetowa nie jest niczym szczególnym, działa na tych samych prawach co wszystkie inne programy. To co odróżnia jeden program od drugiego to funkcje jakie oferuje użytkownikom.
W przypadku Excela te funkcje to m.in. :
- dodawanie liczb z wielu komórek
- tworzenie wykresów
- tworzenie makr
Przeglądarka natomiast oferuje:
- wyświetlenie strony internetowej po wpisaniu adresu internetowego lub po kliknięciu w link
- odtwarzanie wideo
- wyświetlanie obrazów
- pobieranie plików
- i wiele innych...
Wyświetlanie strony internetowej
Powiedzmy, że w pasku adresu wpisałem adres https://www.w3schools.com/ i wcisnąłem enter.
Co się dzieje dalej?
Pierwsze co robi przeglądarka to zdobycie adresu IP dla domeny www.w3schools.com. Okazuje się, że dla tej domeny adres IP
to 192.229.133.221.
Czym dokładnie jest adres IP to temat na inny artykuł, na teraz wyobraź sobie że jest to coś podobnego do współrzędnych GPS. Z tą różnicą, że nie wskazuje na miejsce geograficzne a na inny komputer (serwer) w sieci internetowej.
Skoro przeglądarka poznała już adres IP to teraz może się połączyć z komputerem, który w odpowiedzi prześle jej dokument html.
Przykładowy dokument html:
<!DOCTYPE html>
<html>
<head>
<title>Najlepsza strona</title>
</head>
<body>
Witam!
<img src="fotka.jpg" />
</body>
</html>Jeśli nie rozumiesz składni tego dokumentu to się nie przejmuj! To nie jest ważne w tym momencie.
Jak już przeglądarka pobierze ten dokument to zaczyna go interpretować, czyli analizować jego treść.
Kiedy dojdzie do lini z <title> to zrozumie, że jest to tytuł strony i umieści tekst Najlepsza strona w zakładce.
Później natrafi na tekst Witam i po prostu wyświetli go.
Ciekawiej robi się gdy dojdziemy do lini zawierającej <img src="fotka.jpg">.
Przeglądarka rozumie, że <img> oznacza obrazek. A skoro obrazek to trzeba go pobrać i wyświetlić.
Pewnie się zastanawiasz skąd ma go pobrać?
Otóż podobnie jak wcześniej z dokumentem html tak i teraz połączy się z komputerem (serwerem),
którego adres IP już zna i poprosi grzecznie o przesłanie pliku o nazwie fotka.jpg.
Serwer ponownie odpowie na jej prośbę tym razem przesyłając obrazek. W zależności jak duży jest to obrazek, pobieranie może potrwać bardzo krótko - tak że nawet nie zauważysz - lub trochę dłużej (np. 4 sekundy).
Teraz pozostało przeglądarce już tylko wyświetlenie pobranego obrazka.
Interpretacja dokumentu kończy się na lini zawierającej </html>, co oznacza koniec dokumentu html.
W tym momencie przeglądarka już całkowicie wyświetliła żądaną stronę internetową i dopóki nie zdecydujesz się otworzyć innej strony - ma wolne ;).
Podsumowanie
Pamiętaj, że opis który właśnie przeczytałeś jest mocno uproszczony. Jednak już ta podstawowa wiedza pozwoli ci z powodzeniem rozpocząć naukę i być bardziej świadomym tego co robisz. Dobra robota!
Najważniejsze co powinieneś zapamiętać:
- przeglądarka jest programem komputerowym
- przeglądarka łączy się z innym komputerem (serwerem) w celu pobrania dokumentu html
- przeglądarka interpretuje zawartość pobranego dokumentu html i na jego podstawie wyświetla stronę
- jeśli dokument html zawiera odniesienia do innych plików (np. obrazki, video, javascript, css) to przeglądarka ponownie łączy się z serwerem , pobiera je, a następnie wyświetla (obrazek, video) lub wykonuje (javascript, css)
