Перейти к основному содержимому

Движки браузеров и линейки продуктов

НЕ ОБЯЗАТЕЛЬНОДЛЯ НОВИЧКОВ
Всем

Зачем отдельная карта​

В 1.11 / Веб-браузеры разобраны продукты и установка. Здесь — движок рендеринга и то, почему "разные" браузеры ведут себя одинаково на одном сайте.

Путаница из рунета: "Хром лучше Файрфокса" часто означает сравнение набора расширений и синхронизации, а не только скорости отрисовки. Справочники мемов — Chrome, Safari, Internet Explorer, Яндекс.Браузер.

Три семейства движков (2020-е)​

ДвижокКто развиваетКто использует
Blink (форк WebKit)Google и Chromium-проектChrome, Edge, Opera, Яндекс Браузер, Brave, Vivaldi
GeckoMozillaFirefox
WebKitApple (+ сообщество)Safari на macOS/iOS; основа для старых Chrome

Chromium — открытый каркас браузера (не только движок): вкладки, DevTools, магазин расширений. На его базе собирают большинство "альтернатив Chrome".

Для разработчика
Один и тот же HTML/CSS/JS на Blink-браузерах часто выглядит одинаково; расхождения сильнее между Blink ↔ Gecko ↔ WebKit. Тестируйте минимум два семейства перед релизом.

Таблица продуктов​

БраузерДвижокПлатформыЗаметка
Google ChromeBlinkвсе основныеэталон для веб-стандартов de facto
Microsoft EdgeBlinkWindows, macOS, mobileс 2020-х на Chromium; наследник линейки IE
Яндекс БраузерBlinkWindows, macOS, mobileТурбо, защита, экосистема Яндекса
OperaBlinkвсе основныевстроенные VPN/блокировщик в комплекте
Mozilla FirefoxGeckoвсе основныеотдельная ветка, упор на приватность
SafariWebKitAppleобязателен для теста iOS; отдельные API
Internet ExplorerTrident (legacy)устарелподдержка прекращена; только корпоративный legacy

Подробные инструкции по каждому продукту — в 1.11 / 3.

Internet Explorer и legacy​

Internet Explorer (IE) долго был браузером по умолчанию в Windows. Сайты писали под его особенности; корпоративные порталы и 1С-клиенты годами требовали IE-режима.

Сейчас:

  • Windows 10/11 поставляют Edge на Chromium;
  • режим IE Mode в Edge — для старых внутренних приложений;
  • новые проекты на IE не ориентируются.

В мемах IE — символ "тормозов"; в инженерной практике — напоминание о долгом хвосте несовместимости (легаси).

User-Agent и "какой вы браузер"​

Сервер видит строку User-Agent и может отдать другую вёрстку. Расширения и встроенные "агенты" меняют строку; это влияет на аналитику и иногда на доступ к контенту.

Разработчику важнее фактические возможности (Feature detection), чем определение бренда по UA.

Связанные материалы​

Связанные темы

См. также

Другие статьи этого же раздела в боковом меню (как на странице "О разделе").

Ещё 14 статей в разделе

Освоение главы0%