Что такое браузерный движок (рендеринговый движок)?

«Что такое браузерный движок (рендеринговый движок)?» — вопрос из категории Веб-тестирование, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Браузерный движок (рендеринговый движок) — это основное программное ядро браузера, ответственное за преобразование веб-кода (HTML, CSS, JavaScript) в визуальное представление (пиксели) на экране.

Основные функции:

  1. Парсинг: Разбор HTML и построение DOM (объектной модели документа).
  2. Обработка CSS: Разбор CSS, построение CSSOM и определение итоговых стилей для каждого элемента (процесс называется рендеринг стилей).
  3. Макет (Layout): Расчет положения и размеров каждого элемента на странице.
  4. Отрисовка (Painting): Преобразование рассчитанного макета в пиксели.
  5. Композиция (Compositing): Сборка отдельных слоев в итоговое изображение.

Популярные движки:

  • Blink (Chrome, Edge, Opera, Brave) — форк WebKit.
  • WebKit (Safari).
  • Gecko (Firefox).

Важно: JavaScript обычно выполняется отдельным JS-движком (например, V8 в Chrome), который тесно интегрирован с рендеринговым движком для манипуляций с DOM.