Браузерный движок

Основной программный компонент каждого крупного веб-браузера

Движок браузера (также известный как движок компоновки или движок рендеринга ) является основным программным компонентом каждого крупного веб-браузера . Основная задача движка браузера — преобразовывать HTML- документы и другие ресурсы веб-страницы в интерактивное визуальное представление на устройстве пользователя .

Название и область применения

Помимо « движка браузера », обычно используются два других связанных термина: «движок компоновки» и «движок рендеринга». ^{[1] [2] [3]} Теоретически компоновка и рендеринг (или «окраска») могут осуществляться разными движками. Однако на практике эти компоненты тесно связаны и редко встречаются сами по себе за пределами движка браузера. ^{[1] [4]}

Помимо компоновки и рендеринга, движок браузера обеспечивает соблюдение политики безопасности между документами, обрабатывает навигацию по гиперссылкам и данные, отправленные через формы , а также реализует объектную модель документа (DOM), доступную для скриптов , связанных с документом. ^{[1] [4]}

Каждый крупный браузер поддерживает JavaScript для предоставления широкого спектра динамического поведения для веб-страниц . Однако JavaScript реализован как отдельный движок JavaScript , что позволило использовать его в других местах . В браузере эти два движка координируются через привязки DOM и Web IDL . ^[4]

Браузерные движки также используются в не-браузерных приложениях . Клиенту электронной почты нужен один для отображения HTML-электронной почты . Начиная с 2010-х годов, многие приложения были созданы с использованием фреймворков , основанных на проекте Chromium от Google ; каждое из этих автономных приложений функционирует во многом как веб-приложение . (Два примера — Spotify и Slack .) ^{[5] [6]}

Макет и рендеринг

Макет веб -страницы обычно задается каскадными таблицами стилей (CSS). Каждая таблица стилей представляет собой ряд правил того, как должна быть представлена ​​страница. Например, некоторые правила определяют детали типографики , такие как шрифт , цвет и размер текста, в то время как другие определяют размещение изображений. Движок объединяет все соответствующие правила CSS для вычисления точных графических координат для визуального представления, которое он будет рисовать на экране. ^{[1] [4]}

Некоторые движки могут начать рендеринг до загрузки ресурсов страницы. Это может привести к визуальным изменениям по мере получения большего количества данных, например, постепенному заполнению изображений или появлению нестилизованного контента . ^[7]

Известные двигатели

• Apple создала движок WebKit для своего браузера Safari , ответвив движок KHTML проекта KDE . ^[8] Все браузеры для iOS должны использовать WebKit в качестве своего движка. ^[9]
• Первоначально Google использовал WebKit для своего браузера Chrome , но в конечном итоге создал его ответвление для создания движка Blink . ^[10] Все браузеры на базе Chromium используют Blink, как и приложения, созданные с помощью CEF , Electron или любого другого фреймворка , в который встроен Chromium.
• У Microsoft есть два собственных движка: Trident и EdgeHTML . Trident, также называемый MSHTML, используется в браузере Internet Explorer . EdgeHTML, являясь ответвлением Trident, был оригинальным движком браузера Edge (теперь называемого Edge Legacy); он все еще встречается в некоторых приложениях UWP . ^[11] Новый Edge на основе Chromium был переделан с помощью движка Blink. ^[12]
• Mozilla разрабатывает движок Gecko для своего браузера Firefox и почтового клиента Thunderbird . ^[2]

Хронология

Показана только продолжительность активной разработки , когда в движок продолжают добавляться новые соответствующие веб-стандарты .

Смотрите также

• Сравнение браузерных движков

Ссылки

1. "За кулисами современных веб-браузеров". Тали Гарсиэль . Получено 21 апреля 2018 г.
2. "Gecko". Mozilla. Архивировано из оригинала 4 июня 2014 года . Получено 21 апреля 2018 года .
3. "Introducing Goanna". MC Straver. 22 июня 2015 г. Получено 21 апреля 2018 г.
4. "How Blink Works". Google . Получено 12 марта 2024 г. .
5. "Open Source - Spotify" . Получено 1 декабря 2023 г. Вот исходники великолепного Chromium Embedded Framework, который используется клиентом Spotify Desktop.
6. Беттс, Анаис (25 октября 2016 г.). «Создание гибридных приложений с помощью Electron». Slack Engineering . Slack . Получено 1 декабря 2023 г. .
7. Будро, Райан (18 октября 2013 г.). «Как предотвратить появление нестилизованного контента на ваших веб-сайтах». TechRepublic . Архивировано из оригинала 5 марта 2021 г. Получено 9 октября 2021 г.
8. Пол Феста (14 января 2003 г.). «Apple snub stings Mozilla». CNET Networks . Архивировано из оригинала 25 октября 2012 г. Получено 16 февраля 2017 г.
9. "Open-sourcing Chrome on iOS!". 2017. Получено 26 апреля 2021. Из-за ограничений платформы iOS все браузеры должны быть построены на основе движка рендеринга WebKit.
10. Bright, Peter (3 апреля 2013 г.). «Google идет своим путем, разветвляя движок рендеринга WebKit». Ars Technica . Conde Nast . Получено 9 марта 2017 г. .
11. Менделевич, Алан (14 мая 2021 г.). «Думаете, вы сможете забыть о «старом» Microsoft Edge? Не так быстро!».
12. Mackie, Kurt (10 декабря 2018 г.). «Браузер Microsoft Edge получит новый движок рендеринга, но EdgeHTML продолжит работу». Redmond Mag . Получено 21 декабря 2019 г.