Новое в Chrome 127

Adriana Jara

Вот что вам нужно знать:

• font-size-adjust помогает улучшить разборчивость резервных шрифтов.
• Активации пользователя теперь распространяются между документами «картинка в картинке» и их программой открытия.
• Контейнеры прокрутки теперь по умолчанию доступны для фокусировки с помощью клавиатуры.
• И есть еще много чего .

Я Адриана Хара. Давайте углубимся и посмотрим, что нового для разработчиков в Chrome 127.

CSS font-size-adjust

Читабельность вашего сайта может ухудшиться, если семейство шрифтов первого выбора недоступно, а его резервный шрифт имеет существенно другое значение аспекта.

На следующем изображении показана разница между шрифтами Verdana и Times, хотя размер текста одинаковый.

Если ваш сайт вернется к шрифту Times, его станет намного труднее читать.

Свойство CSS font-size-adjust помогает настроить размер резервных шрифтов, чтобы сохранить единообразное значение аспекта (высоту строчных букв, разделенную на размер шрифта), гарантируя, что текст будет выглядеть одинаково, независимо от используемого шрифта.

На следующем изображении использование font-size-adjust позволяет сохранить разборчивость шрифтов Verdana и Times.

   font-size-adjust: 0.545;

С запуском font-size-adjust в Chrome эта функция становится новой доступной Baseline. Подробности читайте в CSS. Font-size-adjust теперь доступен в Baseline .

Документ «картинка в картинке»: распространение активации пользователя

API Document «картинка в картинке» теперь передает пользовательские активации между окном документа «картинка в картинке» и его открывателем.

Посетите демонстрацию распространения активации жестов пользователя и посмотрите, как меняется цвет фона страницы при обнаружении активации пользователя. Жест пользователя распространяется в обоих контекстах, изменяя фон для обоих окон.

Благодаря этому пользовательские активации в окне «картинка в картинке» документа можно использовать внутри его открывающего окна и наоборот. Это изменение делает использование API, управляемых пользователем, более эргономичным, поскольку часто обработчики событий в окне «картинка в картинке» документа фактически запускаются в контексте средства открытия, поэтому контексту средства открытия требуется доступ к пользовательскому жесту.

Посетите «Картинка в картинке» для любого элемента, а не только для <video> , чтобы получить более подробную информацию.

Контейнеры прокрутки с возможностью фокусировки на клавиатуре.

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

Отныне скроллеры по умолчанию будут программно фокусируемыми. До этого изменения элемент прокрутки мог быть ориентирован на табуляцию только в том случае, если для tabindex было явно установлено значение 0 или выше.

Обратите внимание, что такое поведение происходит только в том случае, если у скроллера нет фокусируемых дочерних элементов. Например, если скроллер уже содержит кнопку, то фокус табуляции пропустит скроллер и сфокусируется непосредственно на кнопке.

Рекомендации по обеспечению специальных возможностей рекомендуют, чтобы все функции были доступны с помощью клавиатуры. Скроллеры с фокусировкой на клавиатуре по умолчанию упрощают пользователю использование последовательной навигации по фокусу для доступа к скроллерам.

Обратите внимание, что это изменение со временем включается для пользователей очень медленно, поэтому мы можем отслеживать проблемы, вызванные этим изменением. Поэтому некоторые пользователи могут не увидеть эту функцию включенной до версии 130 или даже позже.

Более подробную информацию см. в разделе «Скроллеры с фокусировкой на клавиатуре».

И многое другое!

Конечно, есть еще много всего.

• Теперь доступны одновременные переходы между представлениями одного и того же документа в основном фрейме и iframe того же происхождения.

• Замещающий текст, созданный из содержимого CSS, теперь поддерживает несколько аргументов.

• Панель DevTools Performance теперь фиксирует события сообщений WebSocket и отображает их в трассировке производительности.

Прочтите полные примечания к выпуску .

Дальнейшее чтение

Здесь рассматриваются лишь некоторые ключевые моменты. Перейдите по следующим ссылкам, чтобы узнать о дополнительных изменениях в Chrome 127.

• Что нового в Chrome DevTools (127)
• Обновления ChromeStatus.com для Chrome 127
• Список изменений репозитория исходного кода Chromium
• Календарь выпусков Chrome

Подписаться

Чтобы быть в курсе новостей, подпишитесь на канал YouTube для разработчиков Chrome , и вы будете получать уведомления по электронной почте каждый раз, когда мы запускаем новое видео.

Привет, Адриана Хара, как только выйдет Chrome 127, я буду здесь, чтобы рассказать вам, что нового в Chrome!

Adriana Jara

Вот что вам нужно знать:

• font-size-adjust помогает улучшить разборчивость резервных шрифтов.
• Активации пользователя теперь распространяются между документами «картинка в картинке» и их программой открытия.
• Контейнеры прокрутки теперь по умолчанию доступны для фокусировки с помощью клавиатуры.
• И есть еще много чего .

Я Адриана Хара. Давайте углубимся и посмотрим, что нового для разработчиков в Chrome 127.

CSS font-size-adjust

Читабельность вашего сайта может ухудшиться, если семейство шрифтов первого выбора недоступно, а его резервный шрифт имеет существенно другое значение аспекта.

На следующем изображении показана разница между шрифтами Verdana и Times, хотя размер текста одинаковый.

Если ваш сайт вернется к шрифту Times, его станет намного труднее читать.

Свойство CSS font-size-adjust помогает настроить размер резервных шрифтов, чтобы сохранить единообразное значение аспекта (высоту строчных букв, разделенную на размер шрифта), гарантируя, что текст будет выглядеть одинаково, независимо от используемого шрифта.

На следующем изображении использование font-size-adjust позволяет сохранить разборчивость шрифтов Verdana и Times.

   font-size-adjust: 0.545;

С запуском font-size-adjust в Chrome эта функция становится новой доступной Baseline. Подробности читайте в CSS. Font-size-adjust теперь доступен в Baseline .

Документ «картинка в картинке»: распространение активации пользователя

API Document «картинка в картинке» теперь передает пользовательские активации между окном документа «картинка в картинке» и его открывателем.

Посетите демонстрацию распространения активации жестов пользователя и посмотрите, как меняется цвет фона страницы при обнаружении активации пользователя. Жест пользователя распространяется в обоих контекстах, изменяя фон для обоих окон.

Благодаря этому пользовательские активации в окне «картинка в картинке» документа можно использовать внутри его открывающего окна и наоборот. Это изменение делает использование API, управляемых пользователем, более эргономичным, поскольку часто обработчики событий в окне «картинка в картинке» документа фактически запускаются в контексте средства открытия, поэтому контексту средства открытия требуется доступ к пользовательскому жесту.

Посетите «Картинка в картинке» для любого элемента, а не только для <video> , чтобы получить более подробную информацию.

Контейнеры прокрутки с возможностью фокусировки на клавиатуре.

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

Отныне скроллеры по умолчанию будут программно фокусируемыми. До этого изменения элемент прокрутки мог быть ориентирован на табуляцию только в том случае, если для tabindex было явно установлено значение 0 или выше.

Обратите внимание, что такое поведение происходит только в том случае, если у скроллера нет фокусируемых дочерних элементов. Например, если скроллер уже содержит кнопку, то фокус табуляции пропустит скроллер и сфокусируется непосредственно на кнопке.

Рекомендации по обеспечению специальных возможностей рекомендуют, чтобы все функции были доступны с помощью клавиатуры. Скроллеры с фокусировкой на клавиатуре по умолчанию упрощают пользователю использование последовательной навигации по фокусу для доступа к скроллерам.

Обратите внимание, что это изменение со временем включается для пользователей очень медленно, поэтому мы можем отслеживать проблемы, вызванные этим изменением. Поэтому некоторые пользователи могут не увидеть эту функцию включенной до версии 130 или даже позже.

Более подробную информацию см. в разделе «Скроллеры с фокусировкой на клавиатуре».

И многое другое!

Конечно, есть еще много всего.

• Теперь доступны одновременные переходы между представлениями одного и того же документа в основном фрейме и iframe того же происхождения.

• Замещающий текст, созданный из содержимого CSS, теперь поддерживает несколько аргументов.

• Панель DevTools Performance теперь фиксирует события сообщений WebSocket и отображает их в трассировке производительности.

Прочтите полные примечания к выпуску .

Дальнейшее чтение

Здесь рассматриваются лишь некоторые ключевые моменты. Перейдите по следующим ссылкам, чтобы узнать о дополнительных изменениях в Chrome 127.

• Что нового в Chrome DevTools (127)
• Обновления ChromeStatus.com для Chrome 127
• Список изменений репозитория исходного кода Chromium
• Календарь выпусков Chrome

Подписаться

Чтобы быть в курсе новостей, подпишитесь на канал YouTube для разработчиков Chrome , и вы будете получать уведомления по электронной почте каждый раз, когда мы запускаем новое видео.

Привет, Адриана Хара, как только выйдет Chrome 127, я буду здесь, чтобы рассказать вам, что нового в Chrome!