参考文档:browser-use WebUI + DeepSeek V3 把浏览器整成自动化了!_browser use webui 执行run agent chrome没出来-CSDN博客
1、

安装完成:

三、安装步骤(适用于macOs、windows、linux)
1、拉取WebUI项目
git clone https://github.com/browser-use/web-ui.git
cd web-ui
2、创建并激活python虚拟环境
下载,并安装python3.11环境,必须是3.11及以上,否则会报错提示不适配
下载地址:Python Releases for Windows | Python.org
安装方式:【Python学习之环境搭建详细教程--Windows系统】_window python 环境部署-CSDN博客
3、安装项目依赖
# 安装Browser-Use
pip install browser-use -i https://pypi.tuna.tsinghua.edu.cn/simple
# 安装Playwright
pip install playwright -i https://pypi.tuna.tsinghua.edu.cn/simple
# 安装其他项目依赖
pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple
4、配置环境变量
基于 .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 也要改
...

新创建的.env文件

•复制环境变量文案
cp .env.example .env
5、获取deepseek的key
获取deepseek API key,获取地址:DeepSeek(注意:复制保存好API key,因为出于安全原因,你将无法通过 API keys 管理界面再次查看它)


key:
sk-4a9d1bcb59ec446584cc0b513a1c20f9

•在vscode打开.env文件,添加API key和浏览器配置
DEEPSEEK_ENDPOINT=https://api.deepseek.com
# 这里需要补充自己的API KEY
DEEPSEEK_API_KEY=
# 如果是windows
# 将CHROME_PATH设置为你的浏览器可执行文件路径,将CHROME_USER_DATA设置为你的浏览器用户数据目录
CHROME_PATH="C:\Program Files\Google\Chrome\Application\chrome.exe"
CHROME_USER_DATA="C:\Users\你的用户名\AppData\Local\Google\Chrome\User Data"
# 如果是macos/linux
CHROME_PATH=/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
CHROME_USER_DATA=/Users/你的用户名/Library/Application Support/Google/Chrome
6、运行web ui
python webui.py --ip 127.0.0.1 --port 7788
会出现
浏览器访问:
http://127.0.0.1:7788/
,看到如下界面就成功了

如果使用deepseek模型,需要取消勾选use vision
配置
- 配置 Agent

浏览器设置

执行指令
