開源項目利用browser-use-webui和DeepSeek把瀏覽器打造成一個AI Agent智能體!

大家好,我是星哥,之前介紹了幾款開源的AI Agent的項目,比如 OpenManus、autoMate 今天繼續(xù)給大家?guī)硪粋€開源AI Agent的項目。

 image-20250327180743081 browser-use
打開網(wǎng)易新聞 查看精彩圖片
image-20250327180743081 browser-use

簡介:Make websites accessible for AI agents
開源地址: https://github.com/browser-use/browser-use

Browser-Use 是一個開源的網(wǎng)頁自動化庫,它通過提供一個簡單的接口,讓 LLM 能夠與網(wǎng)站進行互動。這個庫支持多標(biāo)簽管理、XPath 提取和視覺模型處理,使得自動化網(wǎng)頁操作變得更加簡單和高效。支持所有 LangChain 聊天模型,包括但不限于 GPT-4o、GPT-4o Mini、Claude 3.5 Sonnet 和 LLama 3.1 405B。這些模型都是當(dāng)前領(lǐng)先的大型語言模型,能夠處理各種復(fù)雜的語言相關(guān)任務(wù)。

browser-use-webui

browser-use開源地址:
簡介:Run AI Agent in your browser.
開源地址:https://github.com/browser-use/web-ui

browser-use-webui 主要功能

提供了全新的網(wǎng)頁界面,簡單好用,方便操作。
支持更多大語言模型,比如 Gemini、OpenAI、Azure 等,哦,還有最近爆火的國產(chǎn)大模型 DeepSeek,未來還會加更多。
支持用自己的瀏覽器,不用再反復(fù)登錄,還能錄屏。
定制了更智能的 Agent,通過優(yōu)化后的提示讓瀏覽器使用更高效。

安裝browser-use-webui

這個項目已在 Github 開源,想玩的都可以試試,用 Python 寫的,版本必須在 3.11 以上。

系統(tǒng)環(huán)境

系統(tǒng):Windows11專業(yè)版

CPU: 英特爾I7-13700KF

內(nèi)存: 32G

硬盤:1T nvme SSD +4T 機械

顯卡:RTX 4070 Ti

python版本:Python 3.13.2

第1步:克隆項目

git clone https://github.com/browser-use/web-ui.git cd web-ui
第2步:設(shè)置Python環(huán)境

我們建議使用 uv 管理Python環(huán)境。

uv venv --python 3.11

我這邊不使用他的建議

用Anaconda Prompt

(base) C:\Users\Administrator>cd C:\Users\Administrator\Desktop\AI\web-ui (base) C:\Users\Administrator\Desktop\AI\web-ui> conda create -n browser_use_webui python=3.11 conda activate browser_use_webui
第3步:安裝依賴

安裝 Python包

pip install -r requirements.txt  或者:pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple

安裝瀏覽器插件

playwright install --with-deps chromium playwright install
打開網(wǎng)易新聞 查看精彩圖片
image-20250327165405905 第4步:修改配置

把 .env.example 文件復(fù)制一份重命名為.env,用編輯器打開.env并添加API鍵和其他設(shè)置

默認(rèn)的配置文件:

OPENAI_ENDPOINT=https://api.openai.com/v1 OPENAI_API_KEY= ANTHROPIC_API_KEY= ANTHROPIC_ENDPOINT=https://api.anthropic.com GOOGLE_API_KEY= AZURE_OPENAI_ENDPOINT= AZURE_OPENAI_API_KEY= AZURE_OPENAI_API_VERSION=2025-01-01-preview DEEPSEEK_ENDPOINT=https://api.deepseek.com DEEPSEEK_API_KEY= MISTRAL_API_KEY= MISTRAL_ENDPOINT=https://api.mistral.ai/v1 OLLAMA_ENDPOINT=http://localhost:11434 ALIBABA_ENDPOINT=https://dashscope.aliyuncs.com/compatible-mode/v1 ALIBABA_API_KEY= MOONSHOT_ENDPOINT=https://api.moonshot.cn/v1 MOONSHOT_API_KEY= # Set to false to disable anonymized telemetry ANONYMIZED_TELEMETRY=false # LogLevel: Set to debug to enable verbose logging, set to result to get results only. Available: result | debug | info BROWSER_USE_LOGGING_LEVEL=info # Chrome settings CHROME_PATH= CHROME_USER_DATA= CHROME_DEBUGGING_PORT=9222 CHROME_DEBUGGING_HOST=localhost # Set to true to keep browser open between AI tasks CHROME_PERSISTENT_SESSION=false CHROME_CDP= # Display settings # Format: WIDTHxHEIGHTxDEPTH RESOLUTION=1920x1080x24 # Width in pixels RESOLUTION_WIDTH=1920 # Height in pixels RESOLUTION_HEIGHT=1080 # VNC settings VNC_PASSWORD=youvncpassword

修改的配置

# 路徑 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" # 瀏覽器的用戶數(shù)據(jù)路徑,例如 # Mac OS "/Users/ /Library/Application Support/Google/Chrome" # Windows "C:\Users\ \AppData\Local\Google\Chrome\User Data" CHROME_USER_DATA="/Users/ /Library/Application Support/Google/Chrome" # 還有一些大模型的 API Key 也要改 ...

我這邊修改的第5步:啟動運行

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

瀏覽器訪問 http://127.0.0.1:7788/,看到如下界面就成功了

 image-20250327165725759
打開網(wǎng)易新聞 查看精彩圖片
image-20250327165725759

完成安裝browser-use-webui

使用browser-use-webui 1、配置 Agent

注意,這里的 “Use Vision”,默認(rèn)是選中狀態(tài),如果使用的 DeepSeek 不能勾選,因為 DeepSeek 不支持視覺輸入,注意這里很多人踩坑,一定要注意。

 image-20250327165910582 2、配置大模型
打開網(wǎng)易新聞 查看精彩圖片
image-20250327165910582 2、配置大模型

單擊“LLM Settings”,我這邊設(shè)置的硅基流動的 deepseek,你也可以用其他的

Base URL填寫:https://api.siliconflow.cn/v1/chat/completions

API Key:填寫自己申請到的key

model Name填寫:deepseek-ai/DeepSeek-R1-Distill-Qwen-7B

 image-20250327171535436 3、瀏覽器設(shè)置
打開網(wǎng)易新聞 查看精彩圖片
image-20250327171535436 3、瀏覽器設(shè)置

設(shè)置一下分辨率

 image-20250327171720830 4、運行
打開網(wǎng)易新聞 查看精彩圖片
image-20250327171720830 4、運行

點擊,run agent

 image-20250327171821021 結(jié)果
打開網(wǎng)易新聞 查看精彩圖片
image-20250327171821021 結(jié)果

結(jié)果是['404 page not found', '404 page not found', '404 page not found']

打開網(wǎng)易新聞 查看精彩圖片
image-20250327175007903
打開網(wǎng)易新聞 查看精彩圖片
image-20250327175029033 修改成openai的接口

用deepseek一直沒有跑通,改成ChatGPT的接口再試試

 image-20250327175426926
打開網(wǎng)易新聞 查看精彩圖片
image-20250327175426926

git動畫

打開網(wǎng)易新聞 查看精彩圖片

browser-use-webui-google.agent_history

用命令執(zhí)行中文:

打開新浪,檢索最近的10條新聞

打開網(wǎng)易新聞 查看精彩圖片

browser-use-webui-sina.agent_history 最后

感興趣的大家可以試試哦,安裝browser-use-webui打造成一個AI Agent智能體。

寫文不易,如果你都看到了這里,請點個贊和在看,分享給更多的朋友;也別忘了關(guān)注星哥玩云!這里有滿滿的干貨分享,還有輕松有趣的技術(shù)交流~點個贊、分享給身邊的小伙伴,一起成長,一起玩轉(zhuǎn)技術(shù)世界吧!