手把手教你实现:AI浏览器自动化操作,实践操作(保姆级教程)

📝 面试求职: 「面试试题小程序」 ,内容涵盖 测试基础、Linux操作系统、MySQL数据库、Web功能测试、接口测试、APPium移动端测试、Python知识、Selenium自动化测试相关、性能测试、性能测试、计算机网络知识、Jmeter、HR面试,命中率杠杠的。(大家刷起来…)

📝 职场经验干货:

软件测试工程师简历上如何编写个人信息(一周8个面试)

软件测试工程师简历上如何编写专业技能(一周8个面试)

软件测试工程师简历上如何编写项目经验(一周8个面试)

软件测试工程师简历上如何编写个人荣誉(一周8个面试)

软件测试行情分享(这些都不了解就别贸然冲了.)

软件测试面试重点,搞清楚这些轻松拿到年薪30W+

软件测试面试刷题小程序免费使用(永久使用)


文章导览

1.拉取代码

2.具体步骤                

3.结果展示

4.总结

拉取代码

我们点进我们的github,找到我们的主角:

图片

点击进入,然后我们可以使用可视化图形界面来操作我们的浏览器:

图片

点击进入我们的web 然后进入另一个地址;

图片

拉取我们的代码到我们的本地:

git clone https://github.com/browser-use/web-ui.git
cd web-ui

具体步骤

2.1安装uv

uv是一个管理我们python运行环境和python工具包的工具

Installation | uv

然后点击进入之后,点击安装节点:

图片

然后安装我们的uv,即复制我们的链接,然后再我们的powershell中运行我们的命令:

图片

这里cmd与我们的powershell的区别:

  • cmd: 

    Windows 经典命令行环境,适合执行简单的、基于文本命令的一次性操作。它在处理简单文件操作、运行古老脚本时仍然有用,但功能范围有限。

  • PowerShell: 

    微软强大的现代化命令行shell和脚本平台。

    它以对象为核心,提供丰富的 cmdlet 和强大的管道功能,用于系统管理、任务自动化、配置管理和跨平台操作。

    它是 IT 专业人士(特别是系统管理员、DevOps工程师)以及需要自动化任务的用户的必备工具。

你可以这样理解:如果 cmd 是一把瑞士军刀上的小刀片,那 PowerShell 就是一套包含精密螺丝刀、钳子、锯子、激光水平仪等工具的完整工具箱。

对于现代 Windows 系统管理和自动化,PowerShell 是微软主推的、功能更强大、更面向未来的工具。

2.2.创建运行的环境

如下所示:

uv venv --python 3.11

图片

注意:这里要重新打开我们的cmd命令行窗口

当您在 CMD 中安装新工具(如 uv)后:

1. 安装程序会修改系统的 PATH 环境变量,添加新路径

2. 已打开的 CMD 窗口:使用的是安装前的旧 PATH 值

3. 新打开的 CMD 窗口:加载更新后的 PATH 值

2.3激活虚拟环境

输入如下的命令:

.venv\Scripts\activate

图片

2.4安装依赖项

输入如下命令:

uv pip install -r requirements.txt

在 playwright 中安装浏览器:

playwright install --with-deps

Playwright 是由 Microsoft 开发的现代化 Web 自动化测试框架,专门用于实现浏览器操作的自动化(如爬虫、测试、网页截图等)。

其核心特点是通过单一 API 控制多种浏览器,且支持跨平台运行。

图片

--with-deps 是 Playwright 的"完整安装模式",一次性解决所有环境依赖问题,确保浏览器能正常运行。强烈建议在初次设置或环境变更时使用。

2.5配置环境

我们使用pycharm来打开我们拉取的代码:

图片

然后找到我们后缀为.env.example的文件复制一份,然后后缀改为.env

选择的API提供商:openRouer

点击API复制我们openRouer的地址

图片

https://openrouter.ai/api/v1

然后将我们的openRouer的地址复制到我们.env格式文件的openai中(因为格式是符合的) 

最后就是创建密钥:

图片

最后复制我们的密钥到如下所示位置:

图片

2.6运行webUI

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

图片

最后会生成一个网址,点击进入就可以了:

http://127.0.0.1:7788

注意了如果出现:

图片

就是代理出现了问题,那么只需要关闭我们的代理(梯子)即可;

图片

这就是成功的;然后访问上述的网址就可以了;

结果展示

图片

修改我们的大模型的名字llm

图片

复制大模型名字

图片

deepseek/deepseek-chat-v3-0324:free

图片

那么接下来见证奇迹的时刻:

图片

在这里输入我们的目的:打开哔站,然后输入自动化测试,最后点击搜索;

图片

这里就是具体的对话框,执行过程如下所示:

图片

总结

本期主要是讲解了关于我们browser启用AI来控制我们的浏览器

网址:

https://github.com/browser-use/browser-use?tab=readme-ov-file 

最后: 下方这份完整的软件测试视频教程已经整理上传完成,需要的朋友们可以自行领取【保证100%免费】

​​​

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值