Browser Use - 让AI能够控制你的浏览器

在科技飞速发展的当下,人工智能(AI)已经渗透到我们生活的方方面面,而AI智能体与浏览器的连接,正逐渐成为互联网发展的全新趋势,引发了大众对上网体验变革的无限期待。这种创新的融合,就像是为传统浏览器插上了智能的翅膀,将为我们带来前所未有的互联网交互感受。

本篇将介绍将你的AI代理与浏览器轻松连接,通过AI智能体访问各类网站的自动化框架 - Browser Use

1、Browser Use是什么?

Browser Use是将你的AI智能体与浏览器连接起来的最简单方式。它通过提供一个功能强大且操作简单的浏览器自动化接口,让AI智能体能够访问各类网站。

功能特点:

  • 强大的浏览器自动化功能:Browser Use将先进的AI能力与强大的浏览器自动化技术相结合,为AI智能体实现流畅无缝的网页交互体验。
  • 视觉感知与HTML结构提取:将视觉理解能力与HTML结构提取功能相结合,以实现全面的网页交互。
  • 多标签页管理:可自动处理多个浏览器标签页,以适应复杂的工作流程和并行处理需求。
  • 元素追踪:提取被点击元素的 XPath(路径表达式),并重复完全相同的大语言模型(LLM)操作,以实现连贯一致的自动化操作。
  • 自定义操作:添加你自己的操作,比如保存到文件、数据库操作、发送通知,或者处理人工输入等。

官网地址:

https://browser-use.com/

2、快速上手

一、安装与智能体设置

1、Browser Use需要Python 3.11或更高版本。

pip install browser-use

2、安装Playwright。

playwright install

3、创建一个智能体。

然后你可以按如下方式使用该智能体:

from langchain_openai import ChatOpenAI
from browser_use import Agent
import asyncio
from dotenv import load_dotenv
load_dotenv()

async def main():
    agent = Agent(
        task="Compare the price of gpt-4o and DeepSeek-V3",
        llm=ChatOpenAI(model="gpt-4o"),
    )
    await agent.run()

asyncio.run(main())

4、设置你的大语言模型(LLM)API密钥。

ChatOpenAI以及其他基于Langchain的聊天模型都需要API密钥。你可以将这些密钥存储在你的.env文件中。

OPENAI_API_KEY=

3、Browser Use + DeepSeek-R1

本篇示例,作者使用DeepSeek-R1模型。

访问DeepSeek的API开放平台,购买流量,并创建API key。

https://platform.deepseek.com/

img

示例脚本:

将引入的智能体(DeepSeek-R1)与API密钥放在同一个脚本文件里。

操作步骤为打开购物网站,输入账户密码登录,查看商品详情,添加购物车,关闭浏览器。

import asyncio
import os

from dotenv import load_dotenv
from langchain_openai import ChatOpenAI
from pydantic import SecretStr

from browser_use import Agent

# dotenv
load_dotenv()

api_key = os.getenv('DEEPSEEK_API_KEY', 'sk-……)
if not api_key:
    raise ValueError('DEEPSEEK_API_KEY is not set')

async def run_search():
    agent = Agent(
        task=(
            '1. 访问 https://www.saucedemo.com/'
            '2. 输入用户名 standard_user, 密码 secret_sauce, 进行登录'
            '3. 点击黑色T-Shirt, 查看详情'
            '4. 将黑色T-Shirt添加到购物车'
            '5. 关闭浏览器'
        ),
        llm=ChatOpenAI(
            base_url='https://api.deepseek.com/v1',
            model='deepseek-chat',
            api_key=SecretStr(api_key),
        ),
        use_vision=False,
    )

    await agent.run()

if __name__ == '__main__':
    asyncio.run(run_search())

运行时,AI识别页面元素:

img

img

img

控制台日志信息:

img

完整运行过程:

img

那么,如何系统的去学习大模型LLM?

作为一名从业五年的资深大模型算法工程师,我经常会收到一些评论和私信,我是小白,学习大模型该从哪里入手呢?我自学没有方向怎么办?这个地方我不会啊。如果你也有类似的经历,一定要继续看下去!这些问题啊,也不是三言两语啊就能讲明白的。

所以我综合了大模型的所有知识点,给大家带来一套全网最全最细的大模型零基础教程。在做这套教程之前呢,我就曾放空大脑,以一个大模型小白的角度去重新解析它,采用基础知识和实战项目相结合的教学方式,历时3个月,终于完成了这样的课程,让你真正体会到什么是每一秒都在疯狂输出知识点。

由于篇幅有限,⚡️ 朋友们如果有需要全套 《2025全新制作的大模型全套资料》,扫码获取~
在这里插入图片描述

👉大模型学习指南+路线汇总👈

我们这套大模型资料呢,会从基础篇、进阶篇和项目实战篇等三大方面来讲解。
在这里插入图片描述
在这里插入图片描述

👉①.基础篇👈

基础篇里面包括了Python快速入门、AI开发环境搭建及提示词工程,带你学习大模型核心原理、prompt使用技巧、Transformer架构和预训练、SFT、RLHF等一些基础概念,用最易懂的方式带你入门大模型。
在这里插入图片描述

👉②.进阶篇👈

接下来是进阶篇,你将掌握RAG、Agent、Langchain、大模型微调和私有化部署,学习如何构建外挂知识库并和自己的企业相结合,学习如何使用langchain框架提高开发效率和代码质量、学习如何选择合适的基座模型并进行数据集的收集预处理以及具体的模型微调等等。
在这里插入图片描述

👉③.实战篇👈

实战篇会手把手带着大家练习企业级的落地项目(已脱敏),比如RAG医疗问答系统、Agent智能电商客服系统、数字人项目实战、教育行业智能助教等等,从而帮助大家更好的应对大模型时代的挑战。
在这里插入图片描述

👉④.福利篇👈

最后呢,会给大家一个小福利,课程视频中的所有素材,有搭建AI开发环境资料包,还有学习计划表,几十上百G素材、电子书和课件等等,只要你能想到的素材,我这里几乎都有。我已经全部上传到CSDN,朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费
在这里插入图片描述
相信我,这套大模型系统教程将会是全网最齐全 最易懂的小白专用课!!

### 关于 Browser-Use 的调试与使用教程 Browser-Use 是一种基于 AI 技术实现浏览器自动化的工具,其核心功能在于通过模拟真实用户的操作行为来完成各种任务,例如自动化测试或数据抓取[^1]。为了更好地理解和掌握该工具的调试方法以及实际应用技巧,以下是详细的说明: #### 一、安装与环境配置 在开始调试之前,需确保已正确安装 Browser-Use 及其依赖项。可以通过以下命令克隆仓库并安装必要的包: ```bash git clone https://github.com/browser-use/browser-use.git cd browser-use npm install ``` 如果遇到任何依赖问题,请查阅官方文档中的常见问题解答部分。 #### 二、基础调试流程 Browser-Use 提供了一套灵活的 API 接口用于控制浏览器的行为。对于初学者来说,可以从简单的页面加载和交互入手。例如,在启动浏览器实例后执行基本的操作如下所示: ```javascript const { launch, goto } = require('browser-use'); (async () => { const browser = await launch(); // 启动浏览器 const page = await browser.newPage(); // 打开新标签页 await goto(page, 'https://example.com'); // 导航到目标网站 console.log(await page.title()); // 获取当前网页标题 await browser.close(); // 关闭浏览器 })(); ``` 上述代码展示了如何初始化一个浏览器会话,并访问指定 URL 地址的同时打印出页面标题[^2]。 #### 三、高级特性支持 除了常规的功能外,Browser-Use 还具备一些更强大的能力,比如处理动态内容加载、表单填写提交等复杂场景下的需求。下面列举几个常用选项及其作用: - **等待特定条件满足后再继续运行** 利用 `waitForSelector` 或者 `waitForFunction` 方法可以有效解决异步渲染引发的数据获取延迟难题。 ```javascript await page.waitForSelector('#dynamic-content'); let contentText = await page.$eval('#dynamic-content', el => el.textContent); console.log(contentText); // 输出动态生成的内容 ``` - **捕获异常情况以便及时调整策略** 当某些预期之外的事情发生时(如网络错误),合理设置超时时间或者重试机制能够提高脚本稳定性。 ```javascript try { await Promise.race([ page.goto('http://nonexistent-site'), new Promise((_, reject) => setTimeout(() => reject(new Error('timeout')), 5000) ) ]); } catch (error) { console.error(`Navigation failed due to ${error.message}`); } ``` #### 四、实践案例分析 根据已有资料提到的一次具体应用场景——即采用此框架完成某类公开资源的信息采集工作,我们可以进一步探讨其中涉及的技术要点。假设目标站点结构较为简单,则整个过程大致分为以下几个方面展开讨论即可覆盖大部分情形下所需考虑的因素。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值