智啟萬象 | Web 開發(fā)智能升級、簡單易用?

AI 的融入使 Web 的功能更加強大
同時也更加簡單易用
一起回顧 2024 Google 開發(fā)者大會
了解 Web 開發(fā) UI 功能和 OS 集成的最新創(chuàng)新
以及如何通過這些創(chuàng)新來打造卓越的應用體驗










Web 不斷的革新與發(fā)展,不僅為全球數(shù)十億用戶提供了豐富多樣的在線體驗,也為開發(fā)者提供了實現(xiàn)創(chuàng)意和構(gòu)建未來的可能。谷歌提供工具和解決方案,幫助 Web 開發(fā)者基于實際數(shù)據(jù)做出明智的技術(shù)選型和開發(fā)決策。

Baseline 2024
- Baseline 2024 不僅收錄了可安全使用的成熟功能和 API 集合,還引入了最近可用的多種重要功能,此外還有更多瀏覽器版本即將發(fā)布。助力開發(fā)者打造兼容性更強、性能更優(yōu)的網(wǎng)頁。
- Web Platform Dashboard 控制面板讓開發(fā)者全面了解整個 Web 平臺的各項功能,跟蹤不同瀏覽器的功能開發(fā)進度,并查看其互操作性狀態(tài);RUM Archive Insights 可查看 Baseline 版本全球使用情況和特性,幫助開發(fā)者做出更明智的技術(shù)決策。

Web 已經(jīng)為 AI 做好了準備。Google 將通過 WebGPU、WASM 和內(nèi)置到 Chrome 中的 Gemini Nano 幫助開發(fā)者在更多設備上構(gòu)建低成本、可擴縮,并能更好保護隱私安全的 Web 應用。

WebGPU 和 WASM 技術(shù)
- WebGPU 中的 16 位浮點值等改進以及 WASM 中的 Memory64 和 JavaScript Promise 集成,讓 Web 得以在更廣泛的硬件上更快地運行AI。
- 從 Chrome 126 開始,Gemini Nano 已直接內(nèi)置到 Chrome 桌面客戶端中。
- Gemini 為 Chrome 注入 AI 智能。開發(fā)者只需調(diào)用 API,即可實現(xiàn)翻譯、轉(zhuǎn)寫和字幕等功能,無需擔心存儲、成本或微調(diào)問題。Prompt API 支持開發(fā)者在瀏覽器中用自然語言與 Gemini Nano 交互,探索更多場景。

Google 提供了大量新的功能和 API 幫助開發(fā)者簡化開發(fā)流程和增強視覺效果,在 Web 上打造全新的用戶體驗,同時提供了 AI 驅(qū)動的 Chrome DevTools 來提高工作效率。
- Speculation Rules API,通過在后臺智能預取和預渲染頁面,提高瀏覽速度,實現(xiàn)毫秒級網(wǎng)頁加載。開發(fā)者只需幾行代碼就能開始使用這個 API,輕松為用戶提供快速流暢的瀏覽體驗。
- View Transition API 能夠構(gòu)建流暢的導航體驗。結(jié)合 Speculation Rules API,可實現(xiàn)無縫的即時頁面過渡效果,為豐富的 Web 應用交互提供了新可能。

Scroll-Driven Animations API 支持創(chuàng)建滾動式動畫
- Scroll-Driven Animations API 讓開發(fā)者能夠通過幾行 CSS 代碼,輕松創(chuàng)建隨著頁面滾動而變化的動畫效果,簡化了互動網(wǎng)頁的制作,使得動態(tài)視覺效果更加流暢自然。
- Google 為 Flutter Web 應用發(fā)布了 WASM 支持,大幅降低幀時間,顯著提高性能。開發(fā)者現(xiàn)可利用 Wasm 及 WasmGC 將原本用于編寫應用的 C++、Kotlin 或 Dart 代碼移植到 Web 平臺運行,簡化跨平臺應用的開發(fā)流程。

基于 Signal 的響應式 API
- Angular 基于 Signal 的響應式 API 現(xiàn)已可以使用,允許開發(fā)者更精細地控制應用中各種變化的檢測和管理,無需手動優(yōu)化 UI?;?Signal 的響應式 API 現(xiàn)已可以使用,精細變化檢測也將在今年晚些時候推出。
*部分 Google AI 技術(shù)適用于出海開發(fā)者

即刻使用簡單易用的 Web 開發(fā)工具
打造卓越應用體驗
2024 Google 開發(fā)者大會
專題演講視頻持續(xù)更新中
掃碼直達官網(wǎng)觀看精彩回放


































