
Chrome 上的 AI
欢迎来到 AI 赋能的网络时代。了解 AI 如何让开发者更轻松地打造强大的 Web 体验。
内置 AI API
加入源代码试用计划,并开始在生产环境中使用这些 API。
Translator API
使用本地 AI 模型在浏览器中实时翻译文本。现在,用户可以使用其母语贡献内容。
Language Detector API
使用 Language Detector API 识别任何给定文本所使用的语言。
Summarizer API
生成不同类型的摘要,包括长度和格式各异的句子、段落、项目符号列表等。
扩展程序中的 Prompt API
探索 Prompt API 在 Chrome 扩展程序中的无限可能。
整合 AI 技术的构建
解决您的用例。
评估商品评价
使用服务器端生成式 AI 评估评价。推理在服务器上进行。
帮助用户分享实用反馈
探索设备端 AI 解决方案,帮助用户撰写见解深刻的评价。
利用 AI 技术进行设备端翻译
借助 Translator API,为全球客户提供支持。
缓存 AI 模型
通过在设备上缓存模型,帮助应用更快地启动。
使用 Prompt API 进行会话管理
本指南介绍了使用语言模型进行会话管理的最佳实践。
扩展程序和 AI
通过自定义浏览器和控制网络内容,提升浏览体验。利用 AI 构建更高级的扩展程序。
最佳做法
缓存 AI 模型
通过在设备上缓存模型,帮助应用更快地启动。
流式传输 LLM 回答
了解什么是流式传输,以及它如何与 AI 和 LLM 搭配使用。
渲染 LLM 回答
请遵循这些前端最佳实践,以显示 Gemini 流式传输的回答。
调试 Gemini Nano
您可以使用 Chrome 内部的特殊页面查看有关向 Gemini Nano 发出提示的问题的调试详细信息。
AI 和 Gemini Nano 新闻
Spotify 如何使用 Picture-in-Picture API 构建 Spotify Miniplayer
Updated 2024年5月13日
了解 Spotify 迷你播放器如何从“画布摄影”转变为通过 Document Picture-in-Picture API 实现的精致体验。
Photoshop 如何处理大于内存大小的文件:
Updated 2023年6月5日
了解 Adobe 如何让用户能够在其标志性 Photoshop 应用的 Web 版本上编辑超大型文件。 (本文还提供视频形式。) 2021 年,Adobe 与 Chrome 工程团队合作, 将 Photoshop 引入到 Web 平台 。该软件创新地使用了 WebAssembly,并提供了 SIMD 、 源私有文件系统 中的高性能存储、适用于画布的 P3 色彩空间 ,以及带有 Lit 的 Web 组件等功能。本文将重点介绍 Adobe Photoshop
矢量图像编辑应用 Boxy SVG 如何使用 Local Font Access API 让用户选择他们喜爱的本地字体
Updated 2023年6月1日
Local Font Access API 提供了一种机制来访问用户本地安装的字体数据,包括名称、样式和字体系列等更高级别的详细信息,以及底层字体文件的原始字节。了解 SVG 编辑应用 Boxy SVG 如何使用此 API。 (本文还提供视频形式。) Boxy SVG 是一款矢量图形编辑器。其主要用例是编辑 SVG 文件格式的绘图,以创建插图、徽标、图标和其他平面设计元素。该插件由波兰开发者 Jarosław Foksa 开发,最初于 2013 年 3 月 15 日发布。Jarosław 运营着
开发者工作效率
开发者工具 AI 辅助功能
在开发者工具中与 Gemini 聊天。您从此面板发起的对话会包含有关您所检查网页的技术详细信息。
AI 协助进行样式设置
使用 AI 助理面板了解网站的整体布局、特定元素样式,以及获取 AI 生成的 CSS 错误修复程序。
使用 AI 辅助功能
了解以下五种简化网页样式的方法,从了解布局到修复飞机。
开发者工具中的控制台数据分析
使用控制台查看和调试设备端 AI 的结果。
WebGPU
使用 WebGPU 支持您的 AI 工作,WebGPU 是一种 Web 图形 API,可让您使用更高级的 GPU 功能。
WebGPU 的新变化
探索 Chrome 中 WebGPU 的最新更新。
概览
探索 Chrome 中的 WebGPU,并为 GPU 上的常规计算提供一流的支持。
访问 GPU
了解如何使用 WebGPU 访问 GPU。
在 Google Colab 中进行 Web AI 模型测试
了解如何在真实的浏览器环境中测试基于浏览器的客户端 AI 模型。
问题排查提示和解决方法
了解为什么 WebGPU 在 Chrome 中可能无法运行或无法按预期运行,以及如何解决此问题。
API 参考
在 MDN 上找到 API 参考文档。
WebAssembly
通过 Chrome 在网页上启用高性能应用
针对 AI 推断的 WebAssembly 优化
了解针对 AI 推断中常用任务的 WebAssembly 改进。
TensorFlow.js Wasm 后端
了解 TensorFlow.js Wasm 后端 WASM 后端及其如何使用 XNNPACK 库来优化神经网络运算符的实现。
适用于 WebAssembly 的 ONNX 运行时 Web
了解如何在生产环境中部署 ONNX 运行时 Web,以及要包含在应用中的 WebAssembly 二进制文件。