云霞育儿网

2025年Google I/O大会10项更新:CSS轮播界面、AI赋能的开发者工具等

在2025年GoogleI/O大会上,我们推出了一系列新功能,旨在提升您的工作效率,并助您打造更强大、更顺畅、更现代的Web应用。以下10项关键创新可让您直接使用尖端功能,并必将为您的下一个项目带来灵感。

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

使用CSS构建美观的轮播界面,并在首次绘制时实现交互。Chrome135引入了新的CSS基元(可设置样式的分块、滚动标记元素和滚动按钮),无需JavaScript即可简化轮播界面的创建。使用熟悉的CSS概念,在短时间内创建丰富、互动性强、流畅且更易于访问的轮播界面。

2.声明式弹出式窗口:全新推出InterestInvokerAPI

实验性InterestInvokerAPI以源试用的形式提供。借助此功能,您可以在访问者兴趣活跃一小段时间后,以声明方式切换弹出式窗口。告别无法设置样式的[title]属性;欢迎[interesttarget]!将其与AnchorPositioningAPI和PopoverAPI结合使用,即可在不使用JavaScript的情况下创建富有表现力、响应迅速且交互性强的界面元素,例如提示或悬停卡片。现代CSS的可能性无限!

3.我们提供了多种内置AIAPI,这些API使用GeminiNano等领先模型,现在PromptAPI中还提供多模态功能

我们将继续推进内置AI之旅,为您带来增强的隐私保护、更短的延迟时间和更低的费用,以及由AI生成的高质量输出。内置AI会使用专家模型和GeminiNano(Google最高效的模型)来处理设备端任务。从Chrome138开始,适用于Chrome扩展程序的SummarizerAPI、LanguageDetectorAPI、TranslatorAPI和PromptAPI已在稳定版中推出。此外,WriterAPI和RewriterAPI在源试用中可用。

全新的校对API以及具有多模式功能的提示API现已在ChromeCanary中推出。

如需了解最新信息,请加入我们的抢先体验计划,共同打造新的内置AIAPI,并塑造Web上AI的未来。

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

我们与Firebase和GeminiDeveloperAPI的合作,让您现在可以在移动设备和桌面设备上构建AI赋能的Web体验。这些应用会尽可能使用客户端AI,并无缝扩展到服务器端AI,以覆盖所有设备和浏览器。从今天起,FirebaseAILogic可让您使用GeminiDeveloperAPI无缝访问由GeminiNano支持的Chrome内置PromptAPI,以及服务器端类似的较小模型。

5.Chrome开发者工具中的AI辅助功能可帮助您在样式、性能等方面进行调试

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

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

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

借助经过改进的“性能”面板,您现在可以访问本地和真实用户的核心Web指标数据,并询问Gemini,以帮助您了解和解决性能问题。“洞察”边栏可将Lighthouse数据分析引入轨迹,帮助您更快地进行调试,而无需离开工作流或中断工作效率。

7.基准功能现已在您熟悉的工具(VSCode、ESLint等)中推出

通过基准测试集成,在Web开发工作流中实现更高的准确性和信心。在您熟悉的Web开发工具中,您可以清晰地了解各大浏览器中Web功能的可用性:

IDE:VSCode现在会在您构建时显示功能的基准状态,JetBrains的WebStorm和基于VSCode的IDE(包括FirebaseStudio、Windsurf、GitHubCodespaces等)即将支持此功能。

lint工具:当您使用比基准目标更高级的功能时,CSS和HTMLlint工具可以主动向您发出警告。适用于CSS的ESLint、HTMLESLint和Stylelint均支持基准。

分析:RUMvision可将基准数据与真实用户指标相结合,让您能够有策略地为受众群体选择最佳基准版本。GoogleAnalytics用户可以将其数据上传到GoogleAnalytics基准检查工具,以获取基准建议。

编译器:使用browserslist-config-baseline将基准目标插入Babel和PostCSS等代码编译工具,以便在源代码中使用现代功能,并在生产build中对其进行编译。

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

去年,我们推出了Web平台信息中心,可用于探索Web地图项数据,该数据将整个Web平台映射为一组地图项。现在,Web功能数据集已100%映射,您可以首次查看每个浏览器(从AVIF到ViewTransitions)中每项功能的基准状态,包括其可用性和采用情况。及时了解最新动态,自信地构建应用!

9.开发者试用:使用CredentialManager打造顺畅的登录体验

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

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

提交Chrome扩展程序应该是顺畅、无忧且令人兴奋的体验!不过,我们知道有一个方面存在问题,那就是无法快速修正待处理提交内容中的错误。今年早些时候,我们推出了取消待处理的提交内容功能,该功能基于还原之前发布的版本功能而构建,旨在让您能够快速进行更改并重新提交。

如需了解所有最新信息,请访问developer.chrome.com和web.dev,详细了解我们如何让Web变得更简单但更强大。欢迎通过X、YouTube和LinkedIn与我们联系。期待在下一届I/O大会上与您相见!

“德勤”是指一个或多个实体,包括英国保证有限责任公司DeloitteToucheTohmatsuLimited(以下简称“DTTL”)、其成员机构网络及其相关实体。DTTL及其每个成员公司在法律上是相互独立的实体。DTTL(也称为“DeloitteGlobal”)不会向客户提供服务。在美国,德勤是指DTTL的一个或多个美国成员公司、在美国使用“德勤”名称运营的相关实体,以及各自的关联公司。根据公共会计准则和法规,我们可能无法为客户提供某些证明服务。如需详细了解我们的全球成员机构网络,请访问www.deloitte.com/about。