browser-use WebUI + DeepSeek V3 把浏览器整成自动化了!

最新推荐文章于 2025-03-22 21:37:26 发布

少喝冰美式

最新推荐文章于 2025-03-22 21:37:26 发布

阅读量3.4k

点赞数 22

文章标签：自动化运维 WebUI DeepSeek V3 DeepSeek 人工智能 AI大模型

本文链接：https://blog.youkuaiyun.com/python12222_/article/details/145629118

版权

Github 上有个开源项目 browser-use，这个项目最近老火了，目前拥有 11K Star，它的作用是将 AI Agent 与浏览器链接起来从而实现由 AI 驱动的浏览器自动化。接入也很简单，不过要写一点代码。

这两天有个老哥基于 browser-use，写了个 UI 界面，在体验层面同时也做了一些功能扩展，让它的使用门槛更低了，之前的 Github 开源地址是 https://github.com/warmshao/browser-use-webui。现在为 https://github.com/browser-use/web-ui

browser-use webui 主要功能

提供了全新的网页界面，简单好用，方便操作。
支持更多大语言模型，比如 Gemini、OpenAI、Azure 等，哦，还有最近爆火的国产大模型 DeepSeek，未来还会加更多。
支持用自己的浏览器，不用再反复登录，还能录屏。
定制了更智能的 Agent，通过优化后的提示让浏览器使用更高效。

安装

这个项目已在 Github 开源，想玩的都可以试试，用 Python 写的，版本必须在 3.11 以上。

我是使用 pyenv 管理 python 版本，在 browser-use/web-ui 最新文档中是推荐 https://docs.astral.sh/uv/ 管理 Python 版本，大家可以根据自己的喜好，哪个顺就用哪个哈，不必太纠结这个。

首先，让我们拉取项目到本地

git clone https://github.com/browser-use/web-ui.git # 拉取项目
cd web-ui # 进到这个项目里

2. 安装依赖项：

pip install browser-use

3. 安装 Playwright

playwright install

4. 安装项目依赖

pip install -r requirements.txt

5. 配置环境变量

基于 .env.example 复制一个 .env 文件，并在 .env 文件中修改以下信息

# 路径 Chrome 浏览器路径（检查下自己的路径），例如
# Mac OS "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
# Windows "C:\Program Files\Google\Chrome\Application\chrome.exe"
CHROME_PATH="/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"

# 浏览器的用户数据路径，例如
# Mac OS "/Users/<YourUsername>/Library/Application Support/Google/Chrome"
# Windows "C:\Users\<YourUsername>\AppData\Local\Google\Chrome\User Data"
CHROME_USER_DATA="/Users/<YourUsername>/Library/Application Support/Google/Chrome"

# 还有一些大模型的 API Key 也要改
...

6. 启动运行

执行如下命令启动

python webui.py --ip 127.0.0.1 --port 7788

启动成功如下所示：

在这里插入图片描述

浏览器访问 http://127.0.0.1:7788/，看到如下界面就成功了

在这里插入图片描述

配置

配置 Agent

注意，这里的 Use Vision，默认是选中状态，如果使用的 DeepSeek 不能勾选，因为 DeepSeek 不支持视觉输入，注意这里很多人踩坑，一定要注意。

在这里插入图片描述

配置要用的大模型

例如，下面我用的是 deepseek。

在这里插入图片描述

关于浏览器的一些设置

在这里插入图片描述

Demo 演示

输入要执行的任务就可以点击 Run Agent 了

在这里插入图片描述

以下是运行时的项目日志输出，记录了执行步骤

在这里插入图片描述

执行的过程中也会打开浏览器和跳转到目标网站，按照区块一样对页面元素做标注。

在这里插入图片描述

在 Recodings 下会记录执行过程和反馈结果，还可以回看的。

在这里插入图片描述

感兴趣的大家可以试试哦，不是很复杂！

DeepSeek无疑是2025开年AI圈的一匹黑马，在一众AI大模型中，DeepSeek以低价高性能的优势脱颖而出。DeepSeek的上线实现了AI界的又一大突破，各大科技巨头都火速出手，争先抢占DeepSeek大模型的流量风口。

DeepSeek的爆火，远不止于此。它是一场属于每个人的科技革命，一次打破界限的机会，一次让普通人也能逆袭契机。

DeepSeek的优点

read-normal-img

掌握DeepSeek对于转行大模型领域的人来说是一个很大的优势，目前懂得大模型技术方面的人才很稀缺，而DeepSeek就是一个突破口。现在越来越多的人才都想往大模型方向转行，对于想要转行创业，提升自我的人来说是一个不可多得的机会。

那么应该如何学习大模型

大模型时代，火爆出圈的LLM大模型让程序员们开始重新评估自己的本领。 “AI会取代那些行业？”“谁的饭碗又将不保了？”等问题热议不断。

不如成为「掌握AI工具的技术人」，毕竟AI时代，谁先尝试，谁就能占得先机！

想正式转到一些新兴的 AI 行业，不仅需要系统的学习AI大模型。同时也要跟已有的技能结合，辅助编程提效，或上手实操应用，增加自己的职场竞争力。

大模型岗位需求越来越大，但是相关岗位人才难求，薪资持续走高，AI运营薪资平均值约18457元，AI工程师薪资平均值约37336元，大模型算法薪资平均值约39607元。

read-normal-img

掌握大模型技术你还能拥有更多可能性：

• 成为一名全栈大模型工程师，包括Prompt，LangChain，LoRA等技术开发、运营、产品等方向全栈工程；

• 能够拥有模型二次训练和微调能力，带领大家完成智能对话、文生图等热门应用；

• 薪资上浮10%-20%，覆盖更多高薪岗位，这是一个高需求、高待遇的热门方向和领域；

• 更优质的项目可以为未来创新创业提供基石。

可能大家都想学习AI大模型技术，也想通过这项技能真正达到升职加薪，就业或是副业的目的，但是不知道该如何开始学习，因为网上的资料太多太杂乱了，如果不能系统的学习就相当于是白学。为了让大家少走弯路，少碰壁，这里我直接把都打包整理好，希望能够真正帮助到大家。

这份完整版的大模型 AI 学习资料已经上传优快云，朋友们如果需要可以微信扫描下方优快云官方认证二维码免费领取【保证100%免费】

👉AI大模型学习路线汇总👈

大模型学习路线图，整体分为7个大的阶段：（全套教程文末领取哈）

read-normal-img

第一阶段：从大模型系统设计入手，讲解大模型的主要方法；

第二阶段：在通过大模型提示词工程从Prompts角度入手更好发挥模型的作用；

第三阶段：大模型平台应用开发借助阿里云PAI平台构建电商领域虚拟试衣系统；
第四阶段：大模型知识库应用开发以LangChain框架为例，构建物流行业咨询智能问答系统；
第五阶段：大模型微调开发借助以大健康、新零售、新媒体领域构建适合当前领域大模型；
第六阶段：以SD多模态大模型为主，搭建了文生图小程序案例；
第七阶段：以大模型平台应用与开发为主，通过星火大模型，文心大模型等成熟大模型构建大模型行业应用。

👉大模型实战案例👈
光学理论是没用的，要学会跟着一起做，要动手实操，才能将自己的所学运用到实际当中去，这时候可以搞点实战案例来学习。

read-normal-img