Опубликовано: 20 мая 2025 г.
На конференции Google I/O 2025 мы представили новые функции, которые значительно повысят вашу производительность и позволят вам создавать более мощные, удобные и современные веб-приложения.
Вот 10 ключевых инноваций, которые предоставят вам передовые возможности и непременно вдохновят вас на реализацию следующего проекта.
1. Создавать карусели стало проще, чем когда-либо, всего несколькими строками CSS и HTML.
Создавайте красивые карусели с помощью CSS, которые будут интерактивными с первого взгляда. В Chrome 135 были представлены новые примитивы CSS — стилизуемая фрагментация, элементы-маркеры прокрутки и кнопки прокрутки — что упростило создание каруселей без JavaScript. Используйте знакомые концепции CSS для создания насыщенных, интерактивных, плавных и более доступных каруселей за гораздо меньшее время.
2. Декларативные всплывающие окна: Представляем новый API для вызова запросов интересов.
Экспериментальный API Interest Invoker доступен в качестве пробной версии . С помощью этой функции вы можете декларативно переключать всплывающие окна, когда интерес посетителя активен в течение короткого промежутка времени. Прощай, не поддающийся стилизации атрибут [title] ; здравствуй, [interesttarget] ! Объедините его с API Anchor Positioning и API Popover , чтобы создавать многофункциональные, адаптивные и интерактивные элементы пользовательского интерфейса, такие как всплывающие подсказки или карточки при наведении курсора, без использования JavaScript. Возможности современного CSS безграничны!
3. Доступно несколько встроенных API для искусственного интеллекта, использующих ведущие базовые модели, теперь с возможностью работы с многомодальными данными в API Prompt.
Наше развитие встроенного ИИ продолжается, обеспечивая вам повышенную конфиденциальность, уменьшенную задержку и снижение затрат, а также доступ к высококачественным результатам, созданным с помощью ИИ. Встроенный ИИ использует экспертные модели и Gemini Nano, самую эффективную модель Google, для выполнения задач на устройстве. Начиная с Chrome 138, API сумматора , API определения языка , API переводчика и API подсказок для расширений Chrome доступны в стабильной версии. Кроме того, API писателя и API переписывания доступны в пробных версиях.
В Chrome Canary доступны новый API для проверки орфографии, а также API для подсказок с поддержкой мультимодальных интерфейсов.
Чтобы быть в курсе последних новостей, присоединитесь к нашей программе раннего предварительного просмотра , чтобы совместно разрабатывать новые встроенные API для ИИ и формировать будущее ИИ в интернете.
4. Клиентская часть ИИ расширяется за счет Firebase и Gemini Developer API, что позволяет создать гибридное решение на основе ИИ.
Наше сотрудничество с Firebase и Gemini Developer API позволяет создавать веб-приложения на основе ИИ для мобильных и настольных устройств . Эти приложения, по возможности, используют ИИ на стороне клиента и беспрепятственно масштабируются до ИИ на стороне сервера, обеспечивая доступ ко всем устройствам и браузерам. Начиная с сегодняшнего дня, Firebase AI Logic предоставляет беспрепятственный доступ к встроенному API Prompt в Chrome, поддерживаемому Gemini Nano, и аналогичным более компактным моделям на стороне сервера с использованием Gemini Developer API.
5. Искусственный интеллект в инструментах разработчика Chrome помогает в процессе отладки, охватывая стили, производительность и многое другое.
Благодаря помощи ИИ вы можете общаться с Gemini, чтобы отлаживать ошибки стилизации на панели «Элементы», решать проблемы с производительностью на панели «Производительность», выявлять проблемы с сетью на панели «Сеть» и находить исходные файлы на панели «Источники». Кроме того, помощь ИИ теперь может применять изменения, связанные со стилизацией, непосредственно к вашему исходному коду на панели «Элементы».
6. Данные реальных пользователей, аналитические инструменты Lighthouse Insights и функции искусственного интеллекта в панели «Производительность» инструментов разработчика Chrome помогают понять и устранить проблемы с производительностью.
Благодаря обновленной панели «Производительность» вы теперь можете получить доступ к локальным данным Core Web Vitals и данным реальных пользователей , а также обратиться в Gemini за помощью в понимании и устранении проблем с производительностью. Боковая панель «Аналитика» предоставляет доступ к аналитическим данным Lighthouse для ваших трассировок, помогая быстрее отлаживать ошибки — и все это без необходимости прерывать рабочий процесс или снижать производительность.
7. Базовые функции теперь доступны в привычных вам инструментах: VS Code, ESLint и других.
Интеграция с Baseline повысит точность и уверенность в вашем рабочем процессе веб-разработки. В привычных инструментах веб-разработки вы получите четкое представление о доступности веб-функций в основных браузерах:
- IDE: VSCode теперь отображает базовый статус функций прямо во время сборки, а в ближайшее время появится поддержка WebStorm от JetBrains и IDE на основе VS Code, включая Firebase Studio, Windsurf, GitHub Codespaces и другие.
- Линтеры: Линтеры CSS и HTML могут заблаговременно предупреждать вас об использовании функции, которая новее, чем ваша целевая версия Baseline. Версия Baseline поддерживается в ESLint для CSS , ESLint для HTML и Stylelint .
- Аналитика: RUMvision объединяет базовые данные с реальными пользовательскими показателями, позволяя стратегически выбирать оптимальную версию базового плана для вашей аудитории. Пользователи Google Analytics могут загрузить свои данные в инструмент проверки базовых планов Google Analytics, чтобы получить рекомендации по выбору базового плана.
- Компиляторы: используйте browserslist-config-baseline , чтобы интегрировать ваши цели Baseline с инструментами компиляции кода, такими как Babel и PostCSS, чтобы вы могли использовать современные функции в исходном коде и компилировать их в производственных сборках.
8. Получите полное представление о поддержке веб-функций с помощью панели управления веб-платформой.
В прошлом году мы анонсировали Web Platform Dashboard — инструмент для изучения данных о веб-функциях , который отображает всю веб-платформу как набор функций. Теперь, когда набор данных о веб-функциях отображен на 100%, вы впервые можете увидеть базовый статус каждой функции в каждом браузере — от AVIF до переходов между представлениями — включая их доступность и внедрение. Будьте в курсе событий и создавайте с уверенностью!
9. Пробная версия для разработчиков, обеспечивающая упрощенный процесс входа в систему с помощью Credential Manager.
Мы понимаем, какие неудобства могут создавать для пользователей ваших сайтов множественные методы аутентификации, включая пароли, федерацию идентификации и ключи доступа. Наша цель — обеспечить единый и простой процесс входа в систему, поэтому мы переносим интуитивно понятный интерфейс менеджера учетных данных Android в Chrome. Вскоре, когда пользователи нажмут кнопку «Войти», Chrome отобразит доступные для этого сайта учетные данные, такие как ключи доступа и пароли из Google Password Manager, что сделает вход в систему максимально простым. Мы также планируем добавить федерацию идентификации. Менеджер учетных данных для веб-версии сейчас находится на стадии тестирования для разработчиков ; следите за обновлениями в этом году.
10. Возможность отменить проверку отправленных расширений позволяет быстрее улучшать расширения Chrome.
Отправка вашего расширения для Chrome должна быть простой, беззаботной и увлекательной! Однако мы знаем, что одним из проблемных моментов была невозможность быстро исправить ошибку в ожидающей отправки версии. Ранее в этом году мы представили возможность отменить ожидающую отправку , которая дополняет возможность отката ранее опубликованной версии — все это с целью позволить вам быстро вносить изменения и повторно отправлять версию.
Чтобы узнать все самое свежее, посетите developer.chrome.com и web.dev, чтобы узнать больше о том, как мы создаем мощный и простой в использовании веб. И обязательно подпишитесь на нас в X , YouTube и LinkedIn . До встречи на следующей конференции I/O!
Под компанией Deloitte понимается одна или несколько компаний, входящих в состав Deloitte Touche Tohmatsu Limited, частной компании с ограниченной ответственностью, зарегистрированной в Великобритании («DTTL»), ее сеть фирм-членов и связанные с ними организации. DTTL и каждая из ее фирм-членов являются юридически отдельными и независимыми организациями. DTTL (также именуемая «Deloitte Global») не предоставляет услуги клиентам. В Соединенных Штатах под компанией Deloitte понимается одна или несколько американских фирм-членов DTTL, связанные с ними организации, работающие под названием «Deloitte» в Соединенных Штатах, и их соответствующие филиалы. Некоторые услуги могут быть недоступны для клиентов, занимающихся аудитом, в соответствии с правилами и положениями публичной бухгалтерской деятельности. Для получения дополнительной информации о нашей глобальной сети фирм-членов, пожалуйста, посетите сайт www.deloitte.com/about.