智啟萬象 | Web 開發智能升級、簡單易用?
AI 的融入使 Web 的功能更加強大
同時也更加簡單易用
一起回顧 2024 Google 開發者大會
了解 Web 開發 UI 功能和 OS 集成的最新創新
以及如何通過這些創新來打造卓越的應用體驗
Web 不斷的革新與發展,不僅為全球數十億用戶提供了豐富多樣的在線體驗,也為開發者提供了實現創意和構建未來的可能。谷歌提供工具和解決方案,幫助 Web 開發者基于實際數據做出明智的技術選型和開發決策。
Baseline 2024
- Baseline 2024 不僅收錄了可安全使用的成熟功能和 API 集合,還引入了最近可用的多種重要功能,此外還有更多瀏覽器版本即將發布。助力開發者打造兼容性更強、性能更優的網頁。
- Web Platform Dashboard 控制面板讓開發者全面了解整個 Web 平臺的各項功能,跟蹤不同瀏覽器的功能開發進度,并查看其互操作性狀態;RUM Archive Insights 可查看 Baseline 版本全球使用情況和特性,幫助開發者做出更明智的技術決策。
Web 已經為 AI 做好了準備。Google 將通過 WebGPU、WASM 和內置到 Chrome 中的 Gemini Nano 幫助開發者在更多設備上構建低成本、可擴縮,并能更好保護隱私安全的 Web 應用。
WebGPU 和 WASM 技術
- WebGPU 中的 16 位浮點值等改進以及 WASM 中的 Memory64 和 JavaScript Promise 集成,讓 Web 得以在更廣泛的硬件上更快地運行AI。
- 從 Chrome 126 開始,Gemini Nano 已直接內置到 Chrome 桌面客戶端中。
- Gemini 為 Chrome 注入 AI 智能。開發者只需調用 API,即可實現翻譯、轉寫和字幕等功能,無需擔心存儲、成本或微調問題。Prompt API 支持開發者在瀏覽器中用自然語言與 Gemini Nano 交互,探索更多場景。
Google 提供了大量新的功能和 API 幫助開發者簡化開發流程和增強視覺效果,在 Web 上打造全新的用戶體驗,同時提供了 AI 驅動的 Chrome DevTools 來提高工作效率。
- Speculation Rules API,通過在后臺智能預取和預渲染頁面,提高瀏覽速度,實現毫秒級網頁加載。開發者只需幾行代碼就能開始使用這個 API,輕松為用戶提供快速流暢的瀏覽體驗。
- View Transition API 能夠構建流暢的導航體驗。結合 Speculation Rules API,可實現無縫的即時頁面過渡效果,為豐富的 Web 應用交互提供了新可能。
Scroll-Driven Animations API 支持創建滾動式動畫
- Scroll-Driven Animations API 讓開發者能夠通過幾行 CSS 代碼,輕松創建隨著頁面滾動而變化的動畫效果,簡化了互動網頁的制作,使得動態視覺效果更加流暢自然。
- Google 為 Flutter Web 應用發布了 WASM 支持,大幅降低幀時間,顯著提高性能。開發者現可利用 Wasm 及 WasmGC 將原本用于編寫應用的 C++、Kotlin 或 Dart 代碼移植到 Web 平臺運行,簡化跨平臺應用的開發流程。
基于 Signal 的響應式 API
- Angular 基于 Signal 的響應式 API 現已可以使用,允許開發者更精細地控制應用中各種變化的檢測和管理,無需手動優化 UI。基于 Signal 的響應式 API 現已可以使用,精細變化檢測也將在今年晚些時候推出。
*部分 Google AI 技術適用于出海開發者
即刻使用簡單易用的 Web 開發工具
打造卓越應用體驗
2024 Google 開發者大會
專題演講視頻持續更新中
掃碼直達官網觀看精彩回放