Я не уверен, что они добавляют в кокосовую воду в Маунтин-Вью, но это явно выводит команду Chrome на совершенно новый уровень производительности.
Последние несколько выпусков Chrome были потрясающими, без пропусков, поэтому, если вы какое-то время не посещали Chrome-land, вот пять новых функций, которые стоит проверить:
- Новое
subgridзначение CSS позволяет дочернему элементу наследовать столбцы и строки от своего родительского элемента. Вот пример того, как это может помочь упростить сложные макеты. text-wrap: balanceиtext-wrap: prettyпозвольте браузеру создать более “сбалансированный блок” текста и убедиться, что ни в одном из ваших текстовых блоков нет проблемы вдовы / сироты. Вместо того, чтобы фокусироваться исключительно на производительности, они помогают оптимизировать ваш макет для удобства чтения и общей привлекательности 💁♀️ (смотрите демонстрацию).- API Document Picture-in-Picture позволяет открывать плавающее окно, которое может быть заполнено любым HTML-контентом, а не только видео. Отличная новость для моего бизнеса по рекламе онлайн-казино.
- Инструменты разработки Chrome 117 теперь оснащены более оптимизированной функцией локальных переопределений. Эдди Османи продемонстрировал, как вы можете использовать это для переопределения содержимого запросов Fetch / XHR и макетных API-интерфейсов, не дожидаясь изменений в серверной части.
- Бонус: CSS Sticky State Container Queries позволит вам использовать контейнерные запросы для оформления потомков sticky positioned контейнеров. Это только вступило в фазу создания прототипа, так что, вероятно, до этого еще несколько месяцев, но это дает классный предварительный просмотр более продвинутой функциональности, которую мы в конечном итоге получим с помощью контейнерных запросов CSS.
Итог: Это только что поступило. Теперь все это обретает смысл.
Источник: https://codepen.io/argyleink/pen/dyQxmYK?ck_subscriber_id=1759156738