体验Chrome AI
Last updated
Was this helpful?
Last updated
Was this helpful?
Was this helpful?
google 将 Gemini 大模型在 Chrome 127 dev 版本中已经内置了，但是目前还只是处于实验阶段，感兴趣的同学可以和我们一起体验，提前拥抱变化。
::: warning 注意 通过访问 roadmap : https://developer.chrome.com/blog/chrome-ai-roadmap/, 可以看到
127 对应的 stable 版本发布时间为 20240717
128 对应的 stable 版本发布时间为 20240814 :::
下载 chrome dev 或者 chrome canary 版本号不低于 127 即可
打开 chrome://flags
搜索 Enables optimization guide on device, 设置成 Enabled BypassPerfRequirement
搜索 Enable optimization guide on device, 设置成 Enabled
重启浏览器
打开 chrome://components/, 查看 Optimization Guide On Device Model
::: warning 注意 本人使用经验，在 linux 系统， chrome 会自动下载模型
windows 系统，需要使用代理，科学上网后，手动点击 Optimization Guide On Device Model 下的 Check for update
截止当前 20240701, Optimization Guide On Device Model 版本 为 2024.6.5.2205 :::
F12 打开调试面板，控制台输入 await window.ai.canCreateTextSession(), 如果返回 readily, 说明已经 ok 了
我们使用 vite 简单创建一个 vue 项目
yarn create vite ai-test --template vue编辑 App.vue
<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>页面访问调试
yarn dev目前模型功能比较简单，但是已经可以进行简单的问答了。相信随着版本的不断升级推进，chrome AI 功能会越来越全，可玩性会更多，值得期待一波。
