Chrome 127 新功能:内置AI大模型,功能体验全攻略

JackerKang

Chrome 127 集成Gemini：本地AI功能

Google将Gemini大模型整合进Chrome浏览器，带来全新免费的本地AI体验：

完全免费、无限制使用

支持离线运行，摆脱网络依赖

功能涵盖图像识别、自然语言处理、智能推荐等

中国大陆需要借助魔法，懂都懂。

安装部署步骤：

1.下载并安装 Chrome V127 开发者版本

下载地址：

ChromeSetup-dev.rar

下载完成后解压安装，安装 dev 版本不需要卸载之前的浏览器，所以不用担心之前的数据丢失等之类的情况

2. 开启设备模型

在 Chrome dev 中打开一个新标签页，地址栏中输入：

chrome://flags/#optimization-guide-on-device-model

敲回车，可以看到一个背景黄色高亮的选项，在这个选项后的下拉菜单中选择 Enabled BypassPerfRequirement 选项：

3. 开启 Gemini Nano

重新打开一个新的标签页，地址栏中输入：

chrome://flags/#prompt-api-for-gemini-nano

敲回车，同样可以看到一个背景黄色高亮的选项，在这个选项后的下拉菜单中选择 Enabled 选项：

4. 检查模型下载是否完成

以上实验性特性设置成功之后，浏览器会自动去下载设备模型和所需要的组件，可以在地址栏中输入：chrome://components/ 查看模型的下载状态：

组件下载成功，状态会变成 已是最新，并且组件后面会现实对应的版本号：

打开浏览器控制台输入：

let AI = await window.model.createTextSession()

只要没有报错，说明模型已经可以使用了！

内置方法：destroy、execute、executeStreaming、prompt、promptStreaming

创建一个属于自己的本地 AI 应用

这里启动一个简单的 Vue 项目为例，简单创建一个 AI 应用：

<template>

  <textarea v-model="question"></textarea>

  <br />

  <button @click="handleSubmit">向 AI 提问</button>

  <br />

  <textarea v-model="answer"></textarea>

</template>

<script setup>

import { onMounted, ref } from 'vue'

let AI = null

const question = ref('')

const answer = ref('')

onMounted(async () => {

  AI = await window.model.createTextSession()

})

const handleSubmit = async () => {

  const data = await AI.prompt(question.value)

  answer.value = data

}

</script>

向大模型提问:

1. 你是什么大模型？

2. 你可以离线使用吗？（断网测试）

3. 用 JS 帮我写一个防抖函数？

这里用 prompt API 写一个简单的案例，更多 API 的使用，大家就自行研究吧！

Chrome 内置大模型的推出，标志着浏览器进入了一个新的智能时代。相信以后基于 Chrome Gemini AI 的工具会越来越多，有兴趣的同学可以自行尝试更多可能！

xinyiboke

感谢分享，收藏了有空试试