Мы — команда инженеров и коммуникаторов, которые пишут статьи и примеры кода, такие как «Основы веб-сайта» и наш новый портал web.dev . Вы также можете посмотреть нашу работу на нашем канале YouTube и не забудьте подписаться на нас на @ChromiumDev :)
Февраль – короткий месяц, но нам определенно не хватает контента. Начнем с больших релизов от команды.
Релизы
Рабочий ящик
Сразу после печати Workbox 4.0 был выпущен всего несколько дней назад.🎉 Этот выпуск включает в себя замечательные новые функции, такие как workbox-window , и улучшения многих существующих пакетов рабочих ящиков. Для тех из вас, кто уже использует Workbox, ознакомьтесь с руководством по переходу с версии 3 на версию 4 . Хотите знать, как можно использовать Workbox в существующем проекте? Вот руководство по их использованию с упаковщиками по вашему выбору . Не знаете, какую проблему помогает решить Workbox? Посмотрите это интервью о работниках сферы услуг на шоу «Состояние Интернета».
лит-html и ЛитЭлемент
Команда полимерного проекта занята работой над стабильной версиейlit-html и LitElement — двух библиотек веб-разработки нового поколения. Хотите попробовать их? начните с руководства «Попробуй LitElement» 📝
Доверенные веб-действия
С выпуском Chrome 72 на рынок вышла Trusted Web Activity (TWA) ! TWA позволяют вам использовать полноэкранный Chrome внутри активности Android, что означает, что вы можете перенести свой веб-контент в сферу приложений📱 Ознакомьтесь с этим руководством по началу работы или прочитайте, как @svenbudak разместил свой PWA в Google Play Store !
Что будет дальше
Ожидается стабильный выпуск Chrome 73 ( 12 марта ), и нам предстоит рассказать о множестве интересных функций!
V8 — движок JavaScript Chrome имеет множество обновлений, включая Object.fromEntries и String.prototype.matchAll . Ознакомьтесь с примечаниями к выпуску v8 .
Работаете с аудио и видео в Интернете ? Поддержка аппаратных медиа-ключей уже доступна, а функция «Пропустить рекламу» в окне «Картинка в картинке» теперь находится в пробной версии! Дополнительную информацию можно найти в разделе «Обновления аудио/видео в Chrome 73 ».
Говоря о пробной версии Origin, будьте готовы к Fetch Priority . С помощью Fetch Priority разработчики могут установить важность элемента <script> , <img> или <link> , чтобы указать браузеру, как их загружать. Это все еще экспериментальная функция, поэтому опробуйте ее и отправьте отзыв!
Производительность рендеринга всегда в центре внимания. В Chrome 73 прослушиватели wheel и mousewheel , зарегистрированные на корневых целевых объектах (окне, документе или теле), по умолчанию будут пассивными прослушивателями , обеспечивая по умолчанию быструю прокрутку колесика .
Приветствуя новые функции, мы также должны попрощаться, поэтому не забудьте также проверить устаревание и удаление Chrome 73 !
Новая разработка
Вот еще несколько вещей, над которыми мы работаем, которые появятся в ближайшем к вам браузере.
Чтобы предотвратить межсайтовый скриптинг, мы разрабатываем новый API под названием Trusted Types . Выбор доверенных типов (через политику безопасности контента) заблокирует документ от внедрения DOM. Мы работаем над предоставлением дополнительных примеров кода и руководств по этому вопросу, а пока, пожалуйста, прочитайте больше о доверенных типах , чтобы опробовать их.
Нажатие кнопок «Назад» и «Вперед» в Chrome скоро может стать очень быстрым ! Мы изучаем новый кеш обратного/прямого перемещения для кэширования страниц в памяти, когда пользователь уходит. Ознакомьтесь с объяснением и прототипом bfcache в этом посте .
Наконец, Intersection Observer v2 представляет идею отслеживания фактической «видимости» цели.
Над чем мы возимся
Наша работа не заканчивается на возможностях браузера! Мы также изучаем производительность веб-приложений, создаем веб-приложения и думаем о различных способах помощи веб-разработчикам во всем мире. Вот некоторые из вещей, над которыми мы работали в этом месяце.
- Рендеринг в Интернете
- Приоритеты загрузки JavaScript в Chrome
- Запретить большой импорт из проектов JavaScript
- Цель общего доступа к файлу
- Замена горячего пути в JavaScript вашего приложения на WebAssembly
- Конструктивные таблицы стилей: бесшовные многоразовые стили.
- Прогрессивная реакция
- Проблемы с производительностью интернет-магазина
Новые видео и подкасты
Мартин начинает новую серию под названием «JavaScript SEO» , первая серия посвящена тому , как поиск Google индексирует сайты с JavaScript ! Недавно Меггин представил на встрече свои размышления о проекте web.dev . Джейк и Сурма вернулись с новым эпизодом подкаста HTTP203, в котором обсуждается эксперимент по ротации изображений .
Мы также регулярно проводим передачи, такие как «Новое в Chrome» , «Что нового в DevTools» и «Состояние Интернета » на нашем канале YouTube .
Особый привет
Вы видели «Примеры кукольников» ? Возможно, вы видели это из твита Эрика Бидельмана «📯12 дней Кукловода 🤹🏻♂️🎁» в прошлом году. Это потрясающая коллекция примеров кода Puppeteer, которая позволит вам творчески подумать о том, что вы можете делать с браузером. Вы должны проверить их!
(Удачи в новом начинании, Эрик! Мы будем скучать по тебе!!)
Подведение итогов
Как вам подведение итогов первого месяца? Если вам понравилось или у вас есть идеи по его улучшению, дайте мне знать в твиттере @kosamari ✅
Если вы создали что-то новое, используя представленные здесь функции, или изменили что-то в своей кодовой базе на основе наших статей, обязательно сообщите нам об этом на @ChromiumDev .
В марте некоторые из нас отправляются в Индию в надежде узнать там больше о мобильном Интернете. ✈️ С нетерпением ждем возможности поделиться тем, что мы там узнаем!
Увидимся в следующем месяце👋