智启万象 | Web 开发智能升级、简单易用-51CTO.COM

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 平台运行，简化跨平台应用的开发流程。