Sobes.tech
Middle

Браузер чӣ гуна вебсафҳаро коркард мекунад?

sobes.tech AI

Ҷавоб аз AI

  1. Таҳлили URL: Браузер URL-ро таҳлил мекунад, то протокол, номи домен ва роҳ ба манбаъро муайян кунад.
  2. Суоли DNS: Агар номи домен ҳоло дар кеши маҳаллии браузер набошад, он суоли DNS-ро барои гирифтани суроғаи IP-и сервер мефиристад.
  3. Тамос бо TCP: Браузер бо истифода аз суроғаи IP-и гирифташуда, бо сервер TCP тамос мегирад.
  4. Суоли HTTP: Браузер суоли HTTP-ро ба сервер мефиристад, ки саҳифаи вебро талаб мекунад.
  5. Гирифтани ҷавоби HTTP: Сервер суоли қабулкардаро коркард мекунад ва ҷавоби HTTP-ро мефиристад, ки дорои кодҳои HTML, CSS, JavaScript ва дигар манбаъҳо мебошад.
  6. Таҳлили HTML: Браузер оғоз мекунад, ки HTML-ро, ки гирифтааст, таҳлил кунад ва дарахти DOM (Document Object Model)-ро созад.
  7. Зеркашии манбаъҳо: Дар вақти таҳлили HTML, браузер пайвандҳо ба дигар манбаъҳоро (CSS, JS, тасвирҳо) муайян мекунад ва онҳоро ба назар мегирад, ки аксар вақт дар параллел бор мекунад.
  8. Таҳлили CSS: Браузер CSS-ро таҳлил мекунад ва дарахти CSSOM (CSS Object Model)-ро месозад.
  9. Таҳияи дарахти рендеринг (Render Tree): Бо ҳамҷоя кардани DOM ва CSSOM, браузер дарахти рендерингро месозад, ки танҳо нодҳои намоён ва услубҳои онҳоро дар бар мегирад.
  10. Тарҳрезӣ (Layout): Браузер андозаҳои геометриро ва ҷойгиршавии ҳар як унсурро дар саҳифа ҳисоб мекунад.
  11. Расмкашӣ (Painting): Браузер пикселҳоро барои ҳар як унсур дар экран мебарорад, ки асосан ба дарахти рендеринг ва натиҷаҳои тарҳрезӣ асос ёфтааст.
  12. Композиция (Compositing): Агар саҳифа қабатҳои дошта бошад (масалан, бо сабаби хусусиятҳои CSS, монанди transform ё opacity), браузер онҳоро ба ҳам мепайвандад, то тасвирро ниҳоӣ намоиш диҳад.
  13. Коркарди JavaScript: Вақте ки теги <script> ё скриптҳои inline пайдо мешаванд, браузер JavaScript-ро таҳлил мекунад, компилирует ва иҷро мекунад. JavaScript метавонад DOM, CSSOM-ро тағир диҳад ва ба марҳилаҳои тарҳрезӣ ва расмкашӣ таъсир расонад, ки метавонад ба такрори ин қадамҳо оварда расонад.