В 2020 году было добавлено несколько новых функций в Google Chrome, включая:
1. Web Bundles - возможность создавать пакетные файлы, содержащие веб-страницы, стили, скрипты и другие ресурсы для ускорения загрузки и улучшения производительности.
2. Native lazy loading - поддержка нативной отложенной загрузки изображений и фреймов для улучшения скорости загрузки страниц.
3. Web OTP API - возможность автоматического заполнения одноразовых паролей из SMS-сообщений для удобства пользователей.
4. Scroll To Text Fragment - функция позволяющая передавать фрагменты текста в URL для перемещения пользователя к указанному тексту на странице.
Для настройки дизайна веб-страницы для различных версий браузера Chrome, можно использовать CSS-медиазапросы. Например, для стилизации элементов на мобильной версии страницы можно использовать следующий код:
```css
/* Стили для десктопной версии */
@media only screen and (min-width: 768px) {
/* CSS свойства для десктопной версии */
}
/* Стили для мобильной версии */
@media only screen and (max-width: 767px) {
/* CSS свойства для мобильной версии */
}
```
Для проверки поддержки определенных CSS-свойств в браузере Chrome, можно использовать @support:
```css
/* Пример использования @support для проверки поддержки свойства display: grid */
@supports(display: grid) {
/* Стили для элементов, поддерживающих свойство display: grid */
}
```
Таким образом, используя медиазапросы и @support, можно эффективно настраивать дизайн веб-страницы для различных версий браузера Chrome.