日期:2026-08-14 | 分类:AI工具教程
Cloudflare Computer是Cloudflare推出的云端AI浏览器Agent,运行在Cloudflare Workers上,可浏览网页、填写表单、代码控制浏览器操作。适合数据采集、自动化测试、表单提交等场景。
npm install -g wrangler
wrangler login
# 创建Worker
mkdir my-computer && cd my-computer
wrangler init --type=module
// wrangler.toml
name = "my-ai-browser"
main = "src/index.js"
compatibility_date = "2026-08-01"
[ai]
binding = "AI"
[[browser]]
binding = "BROWSER"
export default {
async fetch(request, env) {
// 启动浏览器会话
const browser = await env.BROWSER.launch()
const page = await browser.newPage()
// 导航到页面
await page.goto('https://example.com')
// 获取页面标题
const title = await page.title()
// 截图
const screenshot = await page.screenshot()
// 填写表单
await page.fill('#search-input', 'AI tools')
await page.click('#search-button')
// 获取搜索结果
const results = await page.evaluate(() => {
return Array.from(document.querySelectorAll('.result')).map(r => r.textContent)
})
await browser.close()
return Response.json({ title, results })
}
}
export default {
async fetch(request, env) {
const { task } = await request.json()
// AI理解任务并生成浏览器操作步骤
const aiResponse = await env.AI.run('@cf/meta/llama-4-8b', {
messages: [{
role: 'user',
content: `生成浏览器操作步骤:${task}`
}]
})
const steps = JSON.parse(aiResponse.response)
const browser = await env.BROWSER.launch()
const page = await browser.newPage()
for (const step of steps) {
switch(step.action) {
case 'goto': await page.goto(step.url); break
case 'click': await page.click(step.selector); break
case 'fill': await page.fill(step.selector, step.value); break
case 'wait': await page.waitForSelector(step.selector); break
}
}
const result = await page.content()
await browser.close()
return Response.json({ result })
}
}
wrangler deploy
# 访问 https://my-ai-browser.workers.dev
Cloudflare Computer是Cloudflare推出的云端AI浏览器Agent,运行在Cloudflare Workers上,可浏览网页、填写表单、代码控制浏览器操作。适合数据采集、自动化测试、表单提交等场景。