智啟萬(wàn)象 | Web 開(kāi)發(fā)智能升級(jí)、簡(jiǎn)單易用?

2024-08-12 15:57:05

一起回顧 2024 Google 開(kāi)發(fā)者大會(huì)。

AI 的融入使 Web 的功能更加強(qiáng)大

同時(shí)也更加簡(jiǎn)單易用

一起回顧 2024 Google 開(kāi)發(fā)者大會(huì)

了解 Web 開(kāi)發(fā) UI 功能和 OS 集成的最新創(chuàng)新

以及如何通過(guò)這些創(chuàng)新來(lái)打造卓越的應(yīng)用體驗(yàn)

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

Baseline 2024

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

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

WebGPU 和 WASM 技術(shù)

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

Google 提供了大量新的功能和 API 幫助開(kāi)發(fā)者簡(jiǎn)化開(kāi)發(fā)流程和增強(qiáng)視覺(jué)效果，在 Web 上打造全新的用戶(hù)體驗(yàn)，同時(shí)提供了 AI 驅(qū)動(dòng)的 Chrome DevTools 來(lái)提高工作效率。

Speculation Rules API，通過(guò)在后臺(tái)智能預(yù)取和預(yù)渲染頁(yè)面，提高瀏覽速度，實(shí)現(xiàn)毫秒級(jí)網(wǎng)頁(yè)加載。開(kāi)發(fā)者只需幾行代碼就能開(kāi)始使用這個(gè) API，輕松為用戶(hù)提供快速流暢的瀏覽體驗(yàn)。
View Transition API 能夠構(gòu)建流暢的導(dǎo)航體驗(yàn)。結(jié)合 Speculation Rules API，可實(shí)現(xiàn)無(wú)縫的即時(shí)頁(yè)面過(guò)渡效果，為豐富的 Web 應(yīng)用交互提供了新可能。

Scroll-Driven Animations API 支持創(chuàng)建滾動(dòng)式動(dòng)畫(huà)

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

基于 Signal 的響應(yīng)式 API

Angular 基于 Signal 的響應(yīng)式 API 現(xiàn)已可以使用，允許開(kāi)發(fā)者更精細(xì)地控制應(yīng)用中各種變化的檢測(cè)和管理，無(wú)需手動(dòng)優(yōu)化 UI?；?Signal 的響應(yīng)式 API 現(xiàn)已可以使用，精細(xì)變化檢測(cè)也將在今年晚些時(shí)候推出。

*部分 Google AI 技術(shù)適用于出海開(kāi)發(fā)者