发布时间:2025 年 5 月 20 日
在 2025 年 Google I/O 大会上,我们发布了多项新功能,旨在大幅提升您的工作效率,并帮助您打造更强大、更顺畅、更现代的 Web。
以下 10 项关键创新技术可直接为您提供尖端功能,定能为您的下一个项目带来灵感。
1. 现在,只需几行 CSS 和 HTML 代码,即可轻松构建轮播界面
使用 CSS 构建美观的轮播界面,在首次渲染时即可互动。Chrome 135 引入了新的 CSS 基元,包括可设置样式的碎片、滚动标记元素和滚动按钮,从而简化了无需 JavaScript 的轮播界面创建流程。在极短的时间内,使用熟悉的 CSS 概念创建丰富、互动、流畅且更易于访问的轮播界面。
2. 声明式浮层:推出新的 Interest Invoker API
实验性 Interest Invoker API 以源试用的形式提供。
借助此功能,您可以在访问者对某个内容表现出兴趣时,以声明方式切换浮动提示,持续时间很短。告别无法设置样式的 [title] 属性;欢迎使用 [interesttarget]!您可以将它与 Anchor Positioning API 和 Popover API 结合使用,以创建丰富、响应迅速且互动性强的界面元素(例如提示或悬停卡片),而无需使用 JavaScript。借助现代 CSS,您可以实现无限可能!
3. 我们提供多个使用领先基础模型的内置 AI API,现在 Prompt API 还具备多模态功能
我们内置 AI 的征程仍在继续,为您带来增强的隐私保护、更低的延迟和更低的成本,同时还可访问由 AI 创建的高质量输出内容。内置 AI 使用专业模型和 Google 最高效的模型 Gemini Nano 来执行设备端任务。 自 Chrome 138 起,Summarizer API、Language Detector API、Translator API 和 Chrome 扩展程序的 Prompt API 在稳定版中可用。此外,Writer API 和 Rewriter API 均已进入源试用阶段。
新的 Proofreader API 以及具有多模态功能的 Prompt API 现已在 Chrome Canary 版中推出。
如需了解最新信息,请加入我们的抢先预览计划,共同开发新的内置 AI API,塑造 Web 上 AI 的未来。
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 辅助功能现在可以直接在“元素”面板中将样式相关更改应用到源代码。
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 CSS、HTML ESLint 和 Stylelint 均支持 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.com 和 web.dev,详细了解我们如何让您更轻松地打造功能强大的网页。请务必在 X、YouTube 和 LinkedIn 上关注我们。 期待在下一届 I/O 大会上与您相会!
Deloitte 是指 Deloitte Touche Tohmatsu Limited(一家英国私人担保有限公司 [“DTTL”])、其成员公司网络及其相关实体中的一个或多个。DTTL 及其各成员公司均为各自独立的法律实体。DTTL(也称为“Deloitte Global”)不向客户提供服务。在美国,“德勤”是指 DTTL 的一家或多家美国成员公司、在美国以“德勤”名称运营的相关实体,以及它们的各自关联机构。 根据公共会计的规则和法规,某些服务可能无法提供给鉴证客户。如需详细了解我们的全球成员公司网络,请访问 www.deloitte.com/about。