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

2024-08-12 15:57:05

一起回顧 2024 Google 開發者大會。

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 平臺運行，簡化跨平臺應用的開發流程。