基于 Claude Code 与 BrowserCat MCP 的浏览器自动化全链路构建实践

大家好，我是讯享网，很高兴认识大家。这里提供最前沿的Ai技术和互联网信息。

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg>

GPT plus 代充只需 145

在数字化运营与自动化需求激增的当下，网页交互自动化已成为提效的关键路径。然而，传统人工操作或零散工具拼凑的方案，往往陷入效率瓶颈、稳定性差、维护复杂的困局。本文聚焦 Claude Code 与 BrowserCat MCP 的协同实践，深度拆解如何用二者重构网页搜索、点击等自动化流程，为技术团队、业务运营者激活成功教程效率难题。

GPT plus 代充只需 145

我们需要先进行wsl的安装，这里科普下:

wsl是Windows 子系统 for Linux。是微软开发的一项核心功能，它允许用户在 不安装虚拟机或双系统 的情况下，直接在 Windows 操作系统中运行 Linux 环境（包括命令行工具、应用程序等）。简单来说，WSL 让 Windows 和 Linux 这两个原本独立的系统实现了 “无缝协作”，开发者无需切换系统即可同时使用 Windows 的图形界面优势和 Linux 的命令行工具生态。

安装完成wsl之后我们才能进行Claude Code的安装与配置

在Windows菜单搜索「编辑系统环境变量」
弹出系统属性窗口，选择「环境变量」
确保只使用「系统变量」。每次新建变量之前，先完整检查用户变量和系统变量中是否已经有这个变量名了，若有请先删除，然后再新建
新建环境变量后，需要重启终端才会生效。如果重启终端还不生效，重启电脑

在微软应用商店搜索Ubuntu 20.04.6 LTS进行安装

安装好了之后打开 PowerShell
点击开始菜单，搜索“PowerShell”，选择“以管理员身份运行”。

一键安装 WSL
在管理员 PowerShell 窗口，输入

讯享网

这条命令会自动完成以下操作：

启用 Windows 的“适用于 Linux 的 Windows 子系统”和“虚拟机平台”功能
下载并安装最新的 Linux 内核
安装默认的 Linux 发行版
设置默认 WSL 版本为
如果出现下面的情况也没关系

输入下面的两个命令

然后重启，再执行wsl --install或wsl.exe --install
执行完之后会让设置用户和输入密码，按提示操作即可

到此就全部安装完成了，如果没有出现输入用户名和密码的情况，需要手动启动linux，按接下来的步骤操作即可

输入下面的命令验证安装是否成功

讯享网

在开始菜单搜索“Ubuntu”，点击打开

然后我们就进入到了界面了

在拓展中安装插件

点击左下角进行远程链接

选择第一个

在终端输入命令进行claude code的镜像包安装

更详细的教程可以来这里看

讯享网

安装好了之后我们就可以进行使用了，然后我们就可以在这个界面进行claude code的使用了

我们点击蓝耘进行注册操作
填写你的正确信息登录到界面

在主界面的导航栏上，我们点击MCP广场

进入到广场的主界面，可以看到几乎有上千款mcp，总会找到适合你的那一款mcp的

在广场主界面，在搜索框中输入browsercat进行对应MCP的查询
点击出现的结果

然后就可以看到这款MCP相关的教程信息了

最重要的信息如下：

browsercat MCP代码如下：

这里我们是需要进行获取一个密钥的，根据下方教程一步步来进行密钥的获取

: 您的 BrowserCat API 密钥（必需）。您可以在 https://browsercat.xyz/mcp 免费获取一个。
我们打开网站，登录之后这里他会询问我们想要购买什么套餐，我们直接选第一个免费套餐就行了

然后就是银行卡绑定的界面了，这里必须得是信用卡，不然是不能正常订阅这个套餐的

套餐购买完成之后我们进入到主界面，点击创建api-key，将你的专属api-key进行复制操作

我们这里将api-key填写到上面的Mcp的JSON代码中然后复制

我们打开claude code先创建一个文件叫做文件，将上面的mcp代码复制进去，
然后我们和他进行的对话，我让他将这个文件中的mcp配置到环境中，然后claude code就会进行一系列的操作

讯享网

上面图片中显示我们配置已经搞定了，我们退出重新进一遍claude code 就行了

我们输入命令进行查询
然后这里显示我们成功连接了

并且这里可以查看到这款mcp的相关功能

我们来介绍下这款mcp对应的功能:
这些是相关的操作函数，通常用于浏览器自动化、测试或交互场景（类似 Playwright、Puppeteer 等工具的操作封装），

这些功能组合起来，可构建完整的浏览器自动化流程，比如模拟用户访问页面→填写表单→点击提交→截图留存结果，常用于自动化测试、网页爬虫辅助（需合规）、RPA（机器人流程自动化）等场景。实际使用需结合具体框架、环境，通过定位元素、编排步骤实现完整流程～

可以输入命令查看mcp列表

我们让claude code 调用browsercat MCP访问csdn官网并且接截图保存
这里claude code调用上了browsercat MCP

这里显示已经成功获取了

这里让他将图片保存下来

但是似乎保存不了哈哈哈，原来我还是没弄清楚这个mcp怎么玩

接下来我让他进行网页内容的获取

我让他进入到百度，点击搜素如何减肥，下面就是他的反馈，还是很准确的

在日常的学习生活中，可以使用这款mcp进行网页内容的获取。他这个其实就是模拟人为的进行查找操作

在网页交互自动化的赛道上，Claude Code 与 蓝耘 MCP 广场 生态中的 BrowserCat MCP 协同，本质是 “智能大脑 + 精准执行 + 生态赋能” 的效率革命。蓝耘 MCP 广场作为一站式自动化工具聚合与管理平台，为二者的协同提供了 十分巨大的优势
感兴趣的来玩玩吧

讯享网

基于 Claude Code 与 BrowserCat MCP 的浏览器自动化全链路构建实践

相关推荐