2025 年 Google I/O 大会 10 项更新:CSS 轮播界面、AI 赋能的开发者工具、支持多模态功能的 Prompt API 等

发布时间:2025 年 5 月 20 日

在 2025 年 Google I/O 大会上,我们发布了多项新功能,旨在大幅提升您的工作效率,并帮助您打造更强大、更顺畅、更现代的 Web。

以下 10 项关键创新技术可直接为您提供尖端功能,定能为您的下一个项目带来灵感。

1. 现在,只需几行 CSS 和 HTML 代码,即可轻松构建轮播界面

使用 CSS 构建美观的轮播界面,在首次渲染时即可互动。Chrome 135 引入了新的 CSS 基元,包括可设置样式的碎片、滚动标记元素和滚动按钮,从而简化了无需 JavaScript 的轮播界面创建流程。在极短的时间内,使用熟悉的 CSS 概念创建丰富、互动、流畅且更易于访问的轮播界面。

Pinterest 是 CSS 轮播界面的早期采用者,它将代码缩减了 90%,从大约 2,000 行 JavaScript 代码缩减到了大约 200 行 CSS 代码。

2. 声明式浮层:推出新的 Interest Invoker API

实验性 Interest Invoker API 以源试用的形式提供。 借助此功能,您可以在访问者对某个内容表现出兴趣时,以声明方式切换浮动提示,持续时间很短。告别无法设置样式的 [title] 属性;欢迎使用 [interesttarget]!您可以将它与 Anchor Positioning APIPopover API 结合使用,以创建丰富、响应迅速且互动性强的界面元素(例如提示或悬停卡片),而无需使用 JavaScript。借助现代 CSS,您可以实现无限可能!

借助轮播界面、锚点定位 API、Popover API 和 Interest Invoker API,我们在开发者主题演讲中打造了出色的影院体验。

3. 我们提供多个使用领先基础模型的内置 AI API,现在 Prompt API 还具备多模态功能

我们内置 AI 的征程仍在继续,为您带来增强的隐私保护、更低的延迟和更低的成本,同时还可访问由 AI 创建的高质量输出内容。内置 AI 使用专业模型和 Google 最高效的模型 Gemini Nano 来执行设备端任务。 自 Chrome 138 起,Summarizer APILanguage Detector APITranslator API 和 Chrome 扩展程序的 Prompt API 在稳定版中可用。此外,Writer API 和 Rewriter API 均已进入源试用阶段。

新的 Proofreader API 以及具有多模态功能的 Prompt API 现已在 Chrome Canary 版中推出。

如需了解最新信息,请加入我们的抢先预览计划,共同开发新的内置 AI API,塑造 Web 上 AI 的未来。

Deloitte Engineering Platform 尝试使用 Prompt、Summarizer、Writer 和 Rewriter API 来打造个性化的新员工入职体验,并提供更快速的反馈方法,预计可将信息检索速度提高 30%。[^1]
Adobe 在其 Acrobat Chrome 扩展程序中试用了具有多模态功能的 Prompt API,让用户可以直接在 Chrome 中使用 Acrobat AI 助理从扫描的 PDF 文件中即时生成摘要,并更快地验证关键信息。

4. 客户端 AI 通过 Firebase 和 Gemini Developer API 扩展,以提供混合 AI 解决方案

我们与 Firebase 和 Gemini Developer API 开展合作,这意味着您现在可以在移动设备和桌面设备上构建 AI 驱动的 Web 体验。这些应用尽可能使用客户端 AI,并无缝扩展到服务器端 AI,以覆盖所有设备和浏览器。从今天起,Firebase AI Logic 可让您通过 Gemini Developer API 无缝访问 Chrome 的内置 Prompt API,该 API 由 Gemini Nano 和服务器端类似的较小模型提供支持。

5. Chrome 开发者工具中的 AI 辅助功能可支持您在样式设置、性能等方面的调试工作流程

借助 AI 辅助功能,您可以与 Gemini 对话,让它帮助您调试“元素”面板中的样式错误、解决“性能”面板中的性能问题、识别“网络”面板中的网络问题,以及在“来源”面板中查找源文件。 此外,AI 辅助功能现在可以直接在“元素”面板中将样式相关更改应用到源代码。

观看我们的最新视频,了解我们为 Chrome 开发者工具添加的最新功能。

6. Chrome 开发者工具“性能”面板中的真实用户数据、Lighthouse 数据分析和 AI 功能可帮助您了解并修复性能问题

借助重新设计的“性能”面板,您现在可以访问本地和真实用户的 Core Web Vitals 数据,并向 Gemini 提问,以帮助您了解和修复性能问题。“信息”边栏会将 Lighthouse 信息引入到您的轨迹中,帮助您更快地进行调试,而无需离开工作流程或中断工作效率。

7. 您现在可以在熟悉的工具(如 VS Code、ESLint 等)中使用 Baseline 功能

通过 Baseline 集成,在 Web 开发工作流程中实现更高的准确性和信心。借助您熟悉的 Web 开发工具,您可以清楚地了解主要浏览器中 Web 功能的可用性:

  • IDE:VSCode 现在会在您构建时立即显示功能的 Baseline 状态,并且很快就会支持 JetBrains 的 WebStorm 和基于 VS Code 的 IDE(包括 Firebase Studio、Windsurf、GitHub Codespaces 等)。
  • Linter:当您使用的功能比 Baseline 目标版本新时,CSS 和 HTML linter 可以主动向您发出警告。ESLint for CSSHTML ESLintStylelint 均支持 Baseline。
  • Google Analytics:RUMvision 将基准数据与真实用户指标相结合,让您能够根据策略为受众群体选择最佳基准版本。Google Analytics 用户可以将数据上传到 Google Analytics 基准检查器,以获取基准建议。
  • 编译器:使用 browserslist-config-baseline 将 Baseline 目标平台插入到 Babel 和 PostCSS 等代码编译工具中,以便您在源代码中使用新式功能,并在生产 build 中将其编译为旧式功能。

8. 通过 Web 平台信息中心全面了解 Web 功能支持情况

去年,我们发布了 Web 平台信息中心,您可以通过它探索Web 功能数据,这些数据将整个 Web 平台整理为一组功能。Web 功能数据集现已 100% 映射,因此您有史以来第一次可以查看每个浏览器上每个功能的 Baseline 状态(从 AVIF 到视图过渡),包括其可用性和采用情况。及时了解最新资讯,自信地进行构建!

9. 开发者试用 Credential Manager,打造顺畅的登录体验

我们知道,多种身份验证方法(包括密码、身份联合和通行密钥)可能会给您网站的用户带来不便。我们的目标是为用户提供统一且轻松的登录体验,因此我们将 Android 凭据管理器的直观体验引入 Chrome。很快,当用户点击登录时,Chrome 将显示可用于此网站的凭据,例如 Google 密码管理工具中的通行密钥和密码,从而实现无缝登录。我们还计划在此体验中添加身份联合。面向 Web 的凭据管理器现已进入开发者试用阶段;敬请期待今年晚些时候发布的更多更新。

10. 能够取消提交审核,更快地迭代 Chrome 扩展程序

提交 Chrome 扩展程序的过程应该顺畅无忧,令人兴奋! 不过,我们知道,一个令人头疼的问题是无法快速修正待提交内容中的错误。今年早些时候,我们推出了取消待提交内容的功能,此功能基于回滚之前发布的版本的功能而构建,旨在让您快速进行更改并重新提交。

如需了解所有最新信息,请访问 developer.chrome.comweb.dev,详细了解我们如何让您更轻松地打造功能强大的网页。请务必在 XYouTubeLinkedIn 上关注我们。 期待在下一届 I/O 大会上与您相会!


Deloitte 是指 Deloitte Touche Tohmatsu Limited(一家英国私人担保有限公司 [“DTTL”])、其成员公司网络及其相关实体中的一个或多个。DTTL 及其各成员公司均为各自独立的法律实体。DTTL(也称为“Deloitte Global”)不向客户提供服务。在美国,“德勤”是指 DTTL 的一家或多家美国成员公司、在美国以“德勤”名称运营的相关实体,以及它们的各自关联机构。 根据公共会计的规则和法规,某些服务可能无法提供给鉴证客户。如需详细了解我们的全球成员公司网络,请访问 www.deloitte.com/about。