Урок 72 із 104
69%
← Назад

Вступ у сумісність із різними браузерами

Розбираємося, що таке кросбраузерна сумісність, які браузери та рушії використовуються сьогодні та чому один сайт може виглядати по-різному в різних браузерах.

Що таке сумісність із різними браузерами

Сумісність із різними браузерами — це здатність сайту правильно працювати та виглядати передбачувано в різних браузерах. Один і той самий HTML, CSS і JavaScript може мати невеликі відмінності в поведінці залежно від браузера та його рушія.

Під час розробки сайту важливо враховувати особливості різних браузерів, щоб користувачі отримували коректний результат незалежно від того, яким браузером вони користуються.

Сучасні браузери

До найпоширеніших сучасних браузерів належать Google Chrome, Mozilla Firefox, Microsoft Edge, Opera та Safari.

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge
  • Opera
  • Safari
❗ Важливо:

Microsoft Edge не є просто перейменованим Internet Explorer. Сучасний Edge побудований на рушії Blink, тоді як старий Microsoft Edge використовував власний рушій EdgeHTML, а Internet Explorer — Trident.

Що таке рушій браузера

Рушій браузера — це програмна основа, яка обробляє HTML і CSS та допомагає браузеру відображати сторінку на екрані. Саме рушій значною мірою визначає, як браузер інтерпретує вебкод.

Браузерів існує набагато більше, ніж основних рушіїв. Тому різні браузери можуть використовувати один і той самий рушій та мати схожу поведінку, особливості або проблеми із сумісністю.

Основні рушії

  • Blink — використовується Google Chrome, Microsoft Edge, Opera та багатьма іншими браузерами на основі Chromium.
  • WebKit — використовується Safari.
  • Gecko — використовується Mozilla Firefox.

Blink і WebKit

Blink виник як відгалуження WebKit і сьогодні використовується в Chromium та браузерах, побудованих на його основі. Тому Google Chrome, Microsoft Edge та Opera мають спільну технологічну основу в частині відображення вебсторінок.

Рушії, які більше не використовуються як основні

У минулому браузери використовували й інші рушії. Деякі з них більше не розвиваються або були замінені сучаснішими технологіями.

  • Trident — рушій Internet Explorer.
  • EdgeHTML — рушій старих версій Microsoft Edge.
  • Presto — рушій старих версій Opera.
❗ Важливо:

Для веброзробника важливо розрізняти браузер і його рушій. Наприклад, Chrome та Edge — різні браузери, але обидва використовують рушій Blink.

Практичне завдання №1

📌 Завдання:
  1. Перелічіть сучасні браузери, які ви знаєте.
  2. Назвіть щонайменше п'ять браузерів.
💡 Показати підказку

Згадайте Chrome, Firefox, Edge, Opera та Safari.

✅ Показати відповідь
Google Chrome, Mozilla Firefox, Microsoft Edge, Opera, Safari.

Практичне завдання №2

📌 Завдання:
  1. Перелічіть основні сучасні рушії браузерів.
  2. Назвіть браузери, які використовують кожен із цих рушіїв.
💡 Показати підказку

Основні рушії: Blink, WebKit і Gecko. Подумайте, який рушій використовують Chrome, Safari та Firefox.

✅ Показати відповідь
Blink — Google Chrome, Microsoft Edge, Opera та інші браузери на основі Chromium.

WebKit — Safari.

Gecko — Mozilla Firefox.