Sobes.tech
Middle

Браузерге, мисалы, google.com даруучу суроға киргизгенде эмне болот?

sobes.tech AI

AIден жооп

  1. URL-дин талдоо: Браузер URL-ду бөлүп чыгарат: протокол (HTTP/HTTPS), домен аты (google.com) жана жол (/).

  2. IP дарегин издөө:

    • Браузер өзүнүн DNS кэшин текшерет.
    • Операциялык тутум өзүнүн DNS кэшин текшерет.
    • Система DNS серверине (адатта, провайдер берген) суроо жиберет.
    • DNS сервер рекурсивдүү корутунду сурап, google.com IP дарегин тапканга чейин сурайт.
    • IP дареги браузерге кайтарылат.
  3. TCP байланышын түзүү:

    • Браузер TCP байланышын түзөт, тапкан IP дареги аркылуу, үч кадамдуу кол алмашуу (SYN, SYN-ACK, ACK) колдонуп.
  4. SSL/TLS кол алмашуу (HTTPS үчүн):

    • Клиент жана сервер шифрлоо алгоритмдерин макулдашат.
    • Сервер өзүнүн сертификатын жиберет.
    • Браузер сертификатты текшерет.
    • Жана тараптар коопсуз байланыш үчүн ачкычтарды алмашат.
  5. HTTP суроо жөнөтүү: Браузер серверге HTTP суроосун жиберет, ал методду (GET), жолду, башталыштарды (Host, User-Agent, Accept жана башка) жана, мүмкүн болсо, суроо мазмунун камтыйт.

    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. Сервер суроону иштетүү:

    • Сервер суроону кабыл алат.
    • Сервер суроону иштетет (мисалы, колдонмо логикасын аткарат).
    • Сервер HTTP жооп түзөт.
  7. HTTP жооп алуу: Браузер серверден HTTP жооп алат, ал статус кодду (мисалы, 200 OK), башталыштарды (Content-Type, Content-Length жана башка) жана жооп мазмунун (HTML баракча, сүрөттөр, CSS, JS жана башка) камтыйт.

    HTTP/1.1 200 OK  
    Content-Type: text/html; charset=UTF-8  
    Content-Length: XXXX  
    ...  
    <!doctype html>...  
    
  8. Баракчаны чийүү:

    • Браузер HTML кодун талдай баштайт.
    • CSS, JavaScript же сүрөттөргө шилтемелер табылса, браузер алардын алынуусуна кошумча суроолор жиберет (2-7 кадамдар ар бир ресурска кайталанат).
    • Браузер DOM дарагын (Document Object Model) HTMLдан түзөт.
    • CSSOM дарагын (CSS Object Model) CSSдан түзөт.
    • Браузер рендер дарагын түзөт, DOM жана CSSOM бириктирилип.
    • Браузер JavaScript иштетет (DOM жана CSSOM өзгөртүлүшү мүмкүн).
    • Браузер баракчадагы элементтердин жайгашуусун эсептейт (Layout).
    • Браузер элементтерди экранга чийет (Painting).