Веб-браузери розроблені з урахуванням того, що користувачі можуть орієнтуватися в Інтернеті. Однак для того, щоб кінцевий користувач міг скористатися всіма перевагами, які вони можуть запропонувати, як і з будь-яким іншим програмним забезпеченням, розробники повинні попрацювати над магією. Зазвичай читати деякі функції для розробників в оновленнях веб-переглядача, і це домінуюча тенденція в нещодавно запущених Chrome 123, доступний з 19 дня.
Vivaldi 6.6 представив новинку, яка дозволила нам використовувати примусовий темний перегляд, і ми вже знаємо, що нав’язувати щось зазвичай не дуже гарна ідея. Браузери на основі Chromium мали доступ до прихованих налаштувань, також відомих як прапори, протягом тривалого часу, але Google не вважав його найкращим. З цієї причини вони залишили це осторонь у 2022 році, а тепер, з Chrome 123, вони представили нова функція light-dark()..
Що таке функція light-dark() Chrome 123
Функція light-dark() у CSS дозволяє адаптувати колірну схему до вподобань користувача в темному або світлому режимі. У разі використання браузер вибере найбільш відповідний колір відповідно до наших уподобань. Як пояснює Google, якщо таблиця стилів містить наступне, якщо користувач вибирає світлу тему, елемент матиме зелений фон, але якщо користувач вибирає темну тему, елемент матиме зелений фон:
html { колірна схема: світло-темний; } .target { background-color: light-dark(lime, green); }
Нові API довгих кадрів анімації Це допоможе вам знайти причину перевантаження в основному потоці, що зазвичай є причиною неправильного INP (Interaction to Next Paint), чогось важливого, що вимірює потужність веб-відповіді. Це версія API довгих завдань.
Продовжуючи API, тепер є один із Статична маршрутизація Service Worker дозволяє оголошувати маршрути доступу так, щоб вони завжди доставлялися з мережі.
Серед інших новин:
- За допомогою інтерфейсу NavigationActivation тепер можна обслуговувати спеціальні сторінки на основі того, звідки користувач перейшов.
- Тепер Chrome підтримує Zstandard (zstd). Це кодування вмісту дозволяє сторінкам завантажуватися швидше та використовувати меншу пропускну здатність, а також витрачати менше часу, ЦП та енергії на стиснення на серверах, що зменшує витрати на сервер.
- Значення «картинка в картинці» для режиму відображення дозволяє писати спеціальні правила CSS, які застосовуються лише тоді, коли веб-програма відображається в режимі «екран у картинці».
Chrome 123 було анонсовано минулого вівторка, 19 числа, тому тепер він має бути доступний усіма офіційними засобами, наприклад сайт і офіційні репозиторії, які зазвичай додаються після першого встановлення. Хоча це не перевірено, воно також є Флатхуб.