欢迎来到 AI 赋能的网络时代。了解 AI 如何让开发者更轻松地打造强大的 Web 体验。
开始使用 加入试用计划

Chrome 中的 Gemini Nano

重新构想 Chrome 专用 Gemini Nano 的强大功能。
我们将在 Chrome 中引入 Gemini Nano，这是 Gemini 生态系统中最高效的模型。
了解开始使用内置 AI 构建功能和应用时需满足的要求。
查看可在 Chrome 中与 Gemini Nano 搭配使用的 API 及其可用性状态。

内置 AI API

加入源代码试用计划，并开始在生产环境中使用这些 API。
开始使用
创建符合指定写作任务的新内容。
通过延长或缩短现有文本或更改其语气来优化文本。
使用本地 AI 模型在浏览器中实时翻译文本。帮助用户使用其母语贡献内容。
使用 Language Detector API 识别任何给定文本所使用的语言。
生成不同类型的摘要，包括长度和格式各异的句子、段落、项目符号列表等。
探索 Prompt API 的无限可能。

整合 AI 技术的构建

解决您的用例。
将 Firebase AI 逻辑与 AI 应用搭配使用，为客户端 AI 提供云端回退。
了解摘要摘要技术，以便在客户端提炼复杂内容。
本指南介绍了使用语言模型进行会话管理的最佳实践。
使用服务器端生成式 AI 评估评价。推理在服务器上进行。
探索设备端 AI 解决方案，帮助用户撰写见解深刻的评价。
借助 Translator API，为全球客户提供支持。
通过自定义浏览器和控制网络内容，提升浏览体验。利用 AI 构建更高级的扩展程序。

最佳实践

通过在设备上缓存模型，帮助应用更快地启动。
了解什么是流式传输，以及它如何与 AI 和 LLM 搭配使用。
请遵循这些前端最佳实践，以显示 Gemini 流式传输的回答。
您可以使用 Chrome 内部的特殊页面查看有关向 Gemini Nano 发出提示的问题的调试详细信息。

案例研究

AI 和 Gemini Nano 新闻

开发者工作效率

在开发者工具中与 Gemini 聊天。您从此面板发起的对话会包含有关您所检查网页的技术详细信息。
使用 AI 助理面板了解网站的整体布局、特定元素样式，以及获取 AI 生成的 CSS 错误修复程序。
了解以下五种简化网页样式的方法，从了解布局到修复飞机。
使用控制台查看和调试设备端 AI 的结果。
利用我们的内置 AI API 在 Chrome 中充分发挥 Gemini Nano 的强大功能。
了解如何使用 Chrome 中提供的内置 AI API，让您的 Web 应用能够为用户翻译、总结、撰写和重写内容。我们将讨论如何构建混合工作负载，并展望浏览器中内置 AI 的未来。
探索 AI API
您可以构建客户端和云端 AI，根据您的需求和客户的需求优化网站和浏览器。
利用 AI 技术的 Chrome 扩展程序
借助 MediaPipe、LiteRT 和 Transformers.js 等库以及 WebAssembly 和 WebGPU 等尖端 Web API，您可以构建出色的 AI 赋能的体验。
阅读回顾

WebGPU

使用 WebGPU 支持您的 AI 工作，WebGPU 是一种 Web 图形 API，可让您使用更高级的 GPU 功能。
探索 Chrome 中 WebGPU 的最新更新。
阅读文档
探索 Chrome 中的 WebGPU，并为 GPU 上的常规计算提供一流的支持。
阅读文档
了解如何使用 WebGPU 访问 GPU。
阅读文档
了解如何在真实的浏览器环境中测试基于浏览器的客户端 AI 模型。
阅读文档
了解为什么 WebGPU 在 Chrome 中可能无法运行或无法按预期运行，以及如何解决此问题。
阅读文档
在 MDN 上找到 API 参考文档。
访问 MDN

WebAssembly

通过 Chrome 在网页上启用高性能应用
了解针对 AI 推断中常用任务的 WebAssembly 改进。
阅读文档
了解 TensorFlow.js Wasm 后端 WASM 后端及其如何使用 XNNPACK 库来优化神经网络运算符的实现。
阅读文档
了解如何在生产环境中部署 ONNX 运行时 Web，以及要包含在应用中的 WebAssembly 二进制文件。
阅读文档

Web AI 简介

web.dev
了解各种新兴技术（通常称为 AI）的基础知识和定义。
阅读文档
web.dev
作为 Web 从业者，以审慎且负责任的方式构建新技术至关重要。
阅读文档
web.dev
探索使用客户端 AI 的技术，客户端 AI 可带来诸多优势，例如延迟时间短、降低服务器端费用、增强用户隐私保护等。
阅读文档