Новое в Chrome 75

Пит ЛеПейдж

В Chrome 75 мы добавили поддержку:

Я Пит ЛеПейдж , давайте углубимся и посмотрим, что нового для разработчиков в Chrome 75!

Журнал изменений

Здесь рассматриваются только некоторые ключевые моменты. Дополнительные изменения в Chrome 75 можно найти по ссылкам ниже.

Подсказка для контекстов canvas с низкой задержкой

Для рисования на экране с помощью элемента холста страница должна синхронизировать обновления графики с DOM. Эта синхронизация иногда может вызывать задержки. Например, в приложении для рисования задержки более 50 миллисекунд могут мешать зрительно-моторной координации, что затрудняет их использование.

desynchronized подсказка при создании контекста canvas использует другой путь кода, который обходит обычный механизм обновления DOM. Подсказка сообщает системе, что нужно пропустить как можно больше композиций. В некоторых случаях базовый буфер canvas отправляется непосредственно в контроллер дисплея экрана. Это устраняет задержку, которая могла бы быть вызвана использованием очереди компоновщика рендеринга.

Использовать десинхронизированную подсказку просто: просто добавьте desynchronized: true к объекту параметров при создании холста.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

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

Делитесь файлами с помощью API Web Share

API Web Share позволяет подключиться к службе общего доступа, предоставляемой ОС, что позволяет легко обмениваться веб-страницами и приложениями с другими установленными приложениями на устройстве пользователя.

В Chrome 75 API Web Share теперь поддерживает обмен файлами! Меня это особенно радует, потому что приложениям стало проще обмениваться фотографиями, видео и многим другим. Squoosh добавляет поддержку возможности поделиться файлом после его сжатия. API Web Share в настоящее время поддерживает обмен аудиофайлами, изображениями, видео и текстовыми документами .

Лучше всего использовать обнаружение функций, чтобы узнать, поддерживается ли API веб-ресурса, и вернуться к традиционному механизму, если это не так. И вы можете использовать navigator.canShare , чтобы проверить, поддерживается ли общий доступ к файлам. 


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

Если navigator.canShare возвращает true , совместное использование этих файлов поддерживается, поэтому вы можете вызвать navigator.share и передать объект с массивом файлов, которыми вы хотите поделиться. Chrome откроет страницу общего доступа к системе и предоставит вам список установленных приложений, которым вы можете поделиться файлами.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

Попробуйте демо-версию и ознакомьтесь со статьей « Обмен файлами с помощью Web Share», чтобы получить более подробную информацию.

Числовые разделители

Числовые литералы теперь допускают использование символов подчеркивания (_, U+005F) в качестве разделителей, что делает их более читабельными. Например, 1_000_000_000 будет интерпретироваться математическими операциями как эквивалент 1000000000 .

Подчеркивания могут появляться только между цифрами, последовательные подчеркивания не допускаются. Таким образом, такие литералы, как 3._14 , _2.71 или 1.6__2 , недопустимы.

Google I/O 2019 подошёл к концу

Если вы не попали на I/O или, может быть, дошли и не видели все доклады, все они есть на YouTube-канале Chrome Developers в плейлисте Web at Google I/O 2019 .

Подписаться

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

Меня зовут Пит ЛеПейдж, и как только выйдет Chrome 76, я буду здесь, чтобы рассказать вам, что нового в Chrome!

Авторы фотографий