??每周跟蹤AI熱點新聞動向和震撼發展 想要探索生成式人工智能的前沿進展嗎?訂閱我們的簡報,深入解析最新的技術突破、實際應用案例和未來的趨勢。與全球數同行一同,從行業內部的深度分析和實用指南中受益。不要錯過這個機會,成為AI領域的領跑者。點擊訂閱,與未來同行! 訂閱:https://rengongzhineng.io/
在2025年Google I/O大會上,谷歌展示了一系列旨在提升開發效率與Web體驗的全新功能,涵蓋從CSS輪播圖到多模態AI API等多個技術維度,全面推動現代Web開發的能力升級。以下是本次大會上最引人注目的10項更新:
1. 用CSS打造輪播圖比以往更簡單
開發者可使用Chrome 135引入的全新CSS原語——可樣式化分段、滾動標記元素與滾動按鈕——構建無需JavaScript的交互式輪播圖。這些輪播圖在頁面首次渲染即具備交互性,利用熟悉的CSS語法便能快速實現豐富、流暢且更具可訪問性的展示效果。Pinterest作為早期使用者,將代碼量從約2000行JavaScript壓縮至僅200行CSS,縮減幅度高達90%。
2. 聲明式彈出窗口:全新Interest Invoker API亮相
該實驗性API目前開放原始試用,允許開發者基于用戶興趣在短時間內觸發彈出窗口。與傳統的 [title]
屬性不同,新的 [interesttarget]
提供更強的樣式控制能力。結合Anchor Positioning API與Popover API,可以在無JavaScript的情況下構建響應式的懸浮提示、卡片等豐富交互組件。
3. 多模態Prompt API與內建AI API正式登場
以Gemini Nano為核心的內建AI模型現已支持包括Summarizer、Language Detector、Translator和Chrome擴展用Prompt API等功能,并通過Chrome 138正式發布。此外,Writer API和Rewriter API現處于試用階段。最新的Proofreader API及具備多模態能力的Prompt API已在Chrome Canary中提供預覽。Adobe將多模態Prompt API集成于其Acrobat擴展,實現了對掃描PDF的快速摘要生成和內容驗證。
4. 客戶端AI與Firebase整合,構建混合AI解決方案
通過與Firebase和Gemini Developer API合作,開發者可在移動與桌面端構建兼容多設備的AI體驗。Firebase AI Logic可調用Prompt API并通過服務端Gemini API擴展功能,實現客戶端與服務端的無縫AI協作。
5. Chrome DevTools引入AI助手輔助調試
開發者可在DevTools中與Gemini對話,協助解決樣式錯誤、性能瓶頸、網絡問題及源文件定位等常見問題。AI助手現還支持在Elements面板中直接修改源代碼樣式,大幅提升調試效率。
6. Performance面板升級:結合真實用戶數據與AI洞察
重新設計的性能面板集成了本地與真實用戶的Core Web Vitals數據,并引入Gemini助手。Insights側邊欄通過Lighthouse信息輔助開發者更快定位性能瓶頸,提升問題排查速度而不打斷工作流程。
7. Baseline功能現已集成至VS Code、ESLint等工具鏈
開發者可在熟悉的開發工具中實時查看Web API的跨瀏覽器支持情況。VS Code現支持Baseline狀態顯示,WebStorm等基于VS Code的IDE即將支持。ESLint、HTML ESLint與Stylelint也已加入Baseline規則檢查,輔助開發者避免使用不兼容特性的API。
8. Web Platform Dashboard帶來完整Web特性映射視圖
Web Platform Dashboard現已100%映射所有Web特性,包括AVIF、View Transitions等新特性,在每個主流瀏覽器上的支持情況一目了然,為開發者提供可靠依據進行特性選型與兼容性判斷。
9. Credential Manager簡化Web端登錄體驗
Chrome引入與Android Credential Manager一致的登錄體驗,用戶點擊登錄后可直接選擇來自Google密碼管理器的密碼或passkey。后續還將支持身份聯合登錄,使多種認證方式統一整合,提升用戶體驗。目前Credential Manager已開放開發者試用。
10. Chrome擴展提交流程優化:支持取消審核中版本
開發者現可取消尚在審核中的擴展版本,快速修正問題并重新提交,提升擴展迭代效率。這項改進建立在早期支持回滾已發布版本的能力之上,致力于打造更流暢的擴展發布流程。
以上更新展示了Chrome平臺在Web開發、AI集成與開發者體驗方面的全面進化。如需了解更多詳情,可訪問 developer.chrome.com 與 web.dev,并關注官方X、YouTube與LinkedIn頻道。下一屆Google I/O,敬請期待。