DEV Community
·
browser-use教程：让AI控制浏览器，为您工作（低成本版本）
内容提要
本教程介绍如何在VSCode中设置和使用browser-use库，包括克隆仓库、安装依赖、修改配置，并通过Gradio创建用户界面。用户需在浏览器中输入API密钥和任务描述以运行服务。
关键要点
-
本教程要求用户安装Git、Python、pip和VSCode等工具。
-
第一步：在VSCode中克隆browser-use仓库。
-
第二步：安装browser-use库、playwright库和gradio库。
-
第三步：修改代码配置以实现低成本使用。
-
3.1：替换gradio_demo.py文件中的代码。
-
3.2：在终端中导航到browser-use文件夹并运行相关命令。
-
3.3：启动服务后，在浏览器中访问http://127.0.0.1:7860/并输入API密钥和任务描述。
-
附加信息：获取API密钥的方法是在CURSOR API官网注册并登录后复制API令牌。
延伸解读
工具准备的重要性
在开始使用browser-use库之前，确保安装Git、Python、pip和VSCode等工具是至关重要的。这些工具不仅是执行代码的基础环境，还能帮助用户更高效地进行开发和调试。如果您对这些工具不熟悉，建议提前查阅相关教程，以避免在后续步骤中遇到障碍。
API密钥的获取
获取API密钥是使用此教程的关键步骤。用户需要在CURSOR API官网注册并登录，才能复制自己的API令牌。请注意，API密钥的安全性非常重要，切勿将其泄露给他人，以防止滥用和潜在的安全风险。
低成本使用的配置
教程中提到的低成本使用配置，主要是通过修改代码实现的。用户需要仔细按照步骤替换gradio_demo.py文件中的代码，以确保功能正常。此配置不仅能降低使用成本，还能提高运行效率，适合预算有限的开发者。
延伸问答
如何在VSCode中克隆browser-use仓库？
在VSCode中选择一个合适的文件夹，打开终端并运行命令：git clone https://github.com/browser-use/browser-use.git。
安装browser-use库需要哪些工具？
需要安装Git、Python、pip和VSCode等工具。
如何修改代码配置以实现低成本使用？
需要替换gradio_demo.py文件中的代码，并在终端中运行相关命令。
如何启动服务并访问用户界面？
在终端中导航到browser-use文件夹，运行python examples/ui/gradio_demo.py，然后在浏览器中访问http://127.0.0.1:7860/。
如何获取API密钥？
在CURSOR API官网注册并登录后，点击API Tokens并复制自己的API令牌。
这个教程的主要功能是什么？
本教程介绍如何设置和使用browser-use库，通过AI控制浏览器进行任务自动化。
