Sobes.tech
Middle

Mi történik, amikor beírja a böngészőbe például a google.com címet?

sobes.tech MI

Válasz az MI-től

  1. URL elemzése: A böngésző felbontja az URL-t összetevőire: a protokollt (HTTP/HTTPS), a domain nevet (google.com) és az útvonalat (/).

  2. IP-cím keresése:

    • A böngésző ellenőrzi DNS gyorsítótárát.
    • Az operációs rendszer ellenőrzi DNS gyorsítótárát.
    • A rendszer kérdezi a DNS-szervert (általában a szolgáltató által biztosított).
    • A DNS-szerver rekurzív kérdéseket tesz a gyökér, TLD és jogosult DNS-szerverekhez, amíg megtalálja az google.com IP-címét.
    • Az IP-cím visszatér a böngészőhöz.
  3. TCP kapcsolat létesítése:

    • A böngésző létrehoz egy TCP kapcsolatot a megtalált IP-címmel, a háromlépcsős kézfogás (SYN, SYN-ACK, ACK) segítségével.
  4. SSL/TLS kézfogás (HTTPS esetén):

    • A kliens és a szerver egyezteti a titkosítási algoritmusokat.
    • A szerver elküldi a tanúsítványát.
    • A böngésző ellenőrzi a tanúsítványt.
    • A felek cserélnek titkosítási kulcsokat a biztonságos kommunikációhoz.
  5. HTTP kérés küldése: A böngésző HTTP-kérést küld a szervernek, amely tartalmazza a módszert (GET), az útvonalat, a fejlécet (Host, User-Agent, Accept stb.), és esetleg a kérés testét.

    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  
    
  6. A kérés feldolgozása a szerveren:

    • A szerver fogadja a kérést.
    • A szerver feldolgozza a kérést (például, végrehajtja az alkalmazás logikáját).
    • A szerver generálja a HTTP választ.
  7. A HTTP válasz fogadása: A böngésző megkapja a HTTP választ a szervertől, amely tartalmazza az állapotkódot (például, 200 OK), a fejlécet (Content-Type, Content-Length stb.), és a válasz testét (HTML oldal, képek, CSS, JS stb.).

    HTTP/1.1 200 OK  
    Content-Type: text/html; charset=UTF-8  
    Content-Length: XXXX  
    ...  
    
    <!doctype html>...  
    
  8. Az oldal renderelése:

    • A böngésző elkezdi értelmezni a HTML-kódot.
    • Amikor CSS-re, JavaScript-re vagy képekre mutató linkeket talál, a böngésző további kéréseket küld azok beszerzésére (a 2-7 lépések minden erőforrás esetében ismétlődnek).
    • A böngésző felépíti a DOM-fát (Document Object Model) a HTML-ből.
    • A böngésző felépíti a CSSOM-fát (CSS Object Model) a CSS-ből.
    • A böngésző összekapcsolja a DOM-ot és a CSSOM-ot, hogy renderelési fát hozzon létre.
    • A böngésző végrehajtja a JavaScript-et (amely módosíthatja a DOM-ot és a CSSOM-ot).
    • A böngésző kiszámítja az elemek elrendezését az oldalon (Layout).
    • A böngésző kirajzolja az elemeket a képernyőre (Painting).