Middle
Co się dzieje, gdy wpisujesz adres w przeglądarce, na przykład google.com?
sobes.tech AI
Odpowiedź od AI
-
Analiza URL: Przeglądarka dzieli URL na części składowe: protokół (HTTP/HTTPS), nazwę domeny (
google.com) i ścieżkę (/). -
Wyszukiwanie adresu IP:
- Przeglądarka sprawdza swoją pamięć podręczną DNS.
- System operacyjny sprawdza swoją pamięć podręczną DNS.
- System wysyła zapytanie do serwera DNS (zazwyczaj dostarczanego przez dostawcę).
- Serwer DNS wykonuje rekurencyjne zapytania do serwerów DNS root, TLD i autorytatywnych, aż znajdzie adres IP
google.com. - Adres IP jest zwracany przeglądarce.
-
Ustanowienie połączenia TCP:
- Przeglądarka ustanawia połączenie TCP z serwerem pod znalezionym adresem IP, używając trójstronnego uścisku dłoni (SYN, SYN-ACK, ACK).
-
Uścisk dłoni SSL/TLS (dla HTTPS):
- Klient i serwer negocjują algorytmy szyfrowania.
- Serwer wysyła swój certyfikat.
- Przeglądarka weryfikuje certyfikat.
- Strony wymieniają klucze szyfrowania dla bezpiecznej komunikacji.
-
Wysyłanie żądania HTTP: Przeglądarka wysyła żądanie HTTP do serwera, zawierające metodę (GET), ścieżkę, nagłówki (Host, User-Agent, Accept itp.) i ewentualnie ciało żądania.
GET / HTTP/1.1 Host: google.com User-Agent: Mozilla/5.0 (...) Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 -
Przetwarzanie żądania przez serwer:
- Serwer odbiera żądanie.
- Serwer przetwarza żądanie (np. wykonuje logikę aplikacji).
- Serwer generuje odpowiedź HTTP.
-
Odbiór odpowiedzi HTTP: Przeglądarka otrzymuje odpowiedź HTTP od serwera, zawierającą kod statusu (np. 200 OK), nagłówki (Content-Type, Content-Length itp.) i ciało odpowiedzi (strona HTML, obrazy, CSS, JS itp.).
HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 Content-Length: XXXX ... <!doctype html>... -
Renderowanie strony:
- Przeglądarka zaczyna analizować kod HTML.
- Po wykryciu linków do CSS, JavaScript lub obrazów, przeglądarka wykonuje dodatkowe żądania, aby je pobrać (kroki 2-7 powtarzają się dla każdego zasobu).
- Przeglądarka buduje drzewo DOM (Document Object Model) z HTML.
- Przeglądarka buduje drzewo CSSOM (CSS Object Model) z CSS.
- Przeglądarka tworzy drzewo renderowania, łącząc DOM i CSSOM.
- Przeglądarka wykonuje JavaScript (może modyfikować DOM i CSSOM).
- Przeglądarka oblicza układ elementów na stronie (Layout).
- Przeglądarka rysuje elementy na ekranie (Painting).