手把手教你在Chrome里跑AI：Prompt API开发入门指南

Chrome内置AI的消息已经刷屏了，但很多开发者还停留在”看起来很厉害”的阶段。这篇文章直接带你上手，5分钟跑通你的第一个浏览器AI应用。

>第一步：环境准备

确保你的Chrome版本是最新的。目前Prompt API已经在Chrome稳定版中可用。

如果你需要在localhost之外测试，需要：

1. 打开 chrome://flags/#optimization-guide-on-device-model，设置为已启用
2. 打开 chrome://flags/#prompt-api-for-gemini-nano，设置为已启用
3. 重启Chrome
4. 访问 chrome://components/，找到”Optimization Guide On Device Model”，点击”检查更新”等待模型下载完成

模型大约2GB，下载时间取决于你的网速。

>第二步：检查模型是否就绪

打开Chrome开发者工具（F12），在Console中输入：

const status = await LanguageModel.availability();
console.log(status);
// 输出 "readily" 表示模型已就绪

第三步：你的第一段AI代码

// 创建AI会话
const session = await LanguageModel.create();

// 发送提示词并获取回复
const result = await session.prompt('用一句话解释什么是量子计算');
console.log(result);

就这么简单。不需要API Key，不需要fetch请求，不需要任何后端。

>第四步：流式输出（打字机效果）

const session = await LanguageModel.create();
const stream = session.promptStreaming('写一首关于程序员的打油诗');

for await (const chunk of stream) {
  document.getElementById('output').textContent += chunk;
}

第五步：多模态输入

Prompt API不仅支持文字，还支持图片和音频输入：

const session = await LanguageModel.create({
  expectedInputs: [{ type: 'image' }],
  expectedOutputs: [{ type: 'text' }]
});

const response = await session.prompt([
  { type: 'image', value: imageBitmap },
  { type: 'text', value: '描述这张图片的内容' }
]);

实战：做一个智能摘要工具

来个实际一点的例子——给任何网页加一个”AI摘要”按钮：

async function summarizePage() {
  const pageText = document.body.innerText.slice(0, 5000);
  const session = await LanguageModel.create();
  const summary = await session.prompt(
    `请用3-5句话总结以下内容的要点：\n\n${pageText}`
  );
  alert(summary);
}

const btn = document.createElement('button');
btn.textContent = 'AI摘要';
btn.onclick = summarizePage;
document.body.appendChild(btn);

注意事项

• 首次调用会触发模型下载，建议加个loading提示
• 模型能力有限，适合轻量级任务，别指望它写长篇小说
• 目前仅桌面端可用，移动端Chrome暂不支持
• 内容审查：模型内置了安全过滤，会拒绝敏感请求
• 系统要求：至少需要22GB可用磁盘空间

性能表现

根据实测，Gemini Nano在普通笔记本上的响应速度相当快，简单问答基本秒回。相比需要联网的云端API，本地模型在延迟上有天然优势。

而且因为是本地运行，完全不消耗网络流量，没有网络的环境照样能用——飞机上、高铁上简直是救星。

接下来可以玩什么？

• 做一个离线翻译插件
• 给博客加智能目录生成功能
• 做一个本地隐私优先的写作助手
• 给表单加智能自动补全

浏览器AI的大门已经打开，赶快去试试吧！如果你做出了有趣的应用，欢迎在评论区分享。