摘要:在 2025 年 Google I/O 大会上,我们推出了一系列新功能,旨在提升您的工作效率,并助您打造更强大、更顺畅、更现代的 Web 应用。以下 10 项关键创新可让您直接使用尖端功能,并必将为您的下一个项目带来灵感。
在 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,这些 API 使用 Gemini Nano 等领先模型,现在 Prompt API 中还提供多模态功能我们将继续推进内置 AI 之旅,为您带来增强的隐私保护、更短的延迟时间和更低的费用,以及由 AI 生成的高质量输出。内置 AI 会使用专家模型和 Gemini Nano(Google 最高效的模型)来处理设备端任务。从 Chrome 138 开始,适用于 Chrome 扩展程序的 Summarizer API、Language Detector API、Translator API 和 Prompt API 已在稳定版中推出。此外,Writer API 和 Rewriter API 在源试用中可用。
全新的校对 API 以及具有多模式功能的提示 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 无缝访问由 Gemini Nano 支持的 Chrome 内置 Prompt API,以及服务器端类似的较小模型。
5.Chrome 开发者工具中的 AI 辅助功能可帮助您在样式、性能等方面进行调试借助AI 协助,您可以与 Gemini 聊天,让其帮助您在“元素”面板中调试样式错误、在“性能”面板中解决性能问题、在“网络”面板中识别网络问题,以及在“来源”面板中查找源文件。此外,AI 协助功能现在可以直接在“元素”面板中将与样式相关的更改应用于源代码。
观看我们的最新视频,了解我们为 Chrome 开发者工具添加的最新功能。
6.Chrome 开发者工具“性能”面板中的真实用户数据、Lighthouse 数据分析和 AI 功能可帮助您了解和解决性能问题借助经过改进的“性能”面板,您现在可以访问本地和真实用户的核心 Web 指标数据,并询问 Gemini,以帮助您了解和解决性能问题。“洞察”边栏可将 Lighthouse 数据分析引入轨迹,帮助您更快地进行调试,而无需离开工作流或中断工作效率。
7.基准功能现已在您熟悉的工具(VS Code、ESLint 等)中推出通过基准测试集成,在 Web 开发工作流中实现更高的准确性和信心。在您熟悉的 Web 开发工具中,您可以清晰地了解各大浏览器中 Web 功能的可用性:
IDE:VSCode 现在会在您构建时显示功能的基准状态,JetBrains 的 WebStorm 和基于 VS Code 的 IDE(包括 Firebase Studio、Windsurf、GitHub Codespaces 等)即将支持此功能。lint 工具:当您使用比基准目标更高级的功能时,CSS 和 HTML lint 工具可以主动向您发出警告。适用于 CSS 的 ESLint、HTML ESLint 和 Stylelint 均支持基准。分析:RUMvision 可将基准数据与真实用户指标相结合,让您能够有策略地为受众群体选择最佳基准版本。Google Analytics 用户可以将其数据上传到 Google Analytics 基准检查工具,以获取基准建议。编译器:使用 browserslist-config-baseline 将基准目标插入 Babel 和 PostCSS 等代码编译工具,以便在源代码中使用现代功能,并在生产 build 中对其进行编译。8.通过 Web 平台信息中心全面了解 Web 功能支持情况去年,我们推出了 Web 平台信息中心,可用于探索Web 地图项数据,该数据将整个 Web 平台映射为一组地图项。现在,Web 功能数据集已 100% 映射,您可以首次查看每个浏览器(从 AVIF 到 View Transitions)中每项功能的基准状态,包括其可用性和采用情况。及时了解最新动态,自信地构建应用!
9.开发者试用:使用 Credential Manager 打造顺畅的登录体验我们知道,多种身份验证方法(包括密码、身份联合和通行密钥)可能会给您网站的用户带来不便。我们的目标是为用户提供统一且轻松的登录体验,因此我们将 Android 的 Credential Manager 的直观体验引入到 Chrome 中。很快,当用户点击登录时,Chrome 就会显示可用于此网站的凭据,例如 Google 密码管理工具中的通行密钥和密码,从而实现流畅的登录体验。我们还计划在此体验中添加身份联合。适用于 Web 的 Credential Manager 目前处于开发者试用阶段;敬请关注今年晚些时候的更多动态。
10.借助取消提交审核功能,更快地迭代 Chrome 扩展程序提交 Chrome 扩展程序应该是顺畅、无忧且令人兴奋的体验! 不过,我们知道有一个方面存在问题,那就是无法快速修正待处理提交内容中的错误。今年早些时候,我们推出了取消待处理的提交内容功能,该功能基于还原之前发布的版本功能而构建,旨在让您能够快速进行更改并重新提交。
如需了解所有最新信息,请访问 developer.chrome.com 和 web.dev,详细了解我们如何让 Web 变得更简单但更强大。欢迎通过 X、YouTube 和 LinkedIn 与我们联系。期待在下一届 I/O 大会上与您相见!
“德勤”是指一个或多个实体,包括英国保证有限责任公司 Deloitte Touche Tohmatsu Limited(以下简称“DTTL”)、其成员机构网络及其相关实体。DTTL 及其每个成员公司在法律上是相互独立的实体。DTTL(也称为“Deloitte Global”)不会向客户提供服务。在美国,德勤是指 DTTL 的一个或多个美国成员公司、在美国使用“德勤”名称运营的相关实体,以及各自的关联公司。根据公共会计准则和法规,我们可能无法为客户提供某些证明服务。如需详细了解我们的全球成员机构网络,请访问 www.deloitte.com/about。
来源:新浪财经