百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

设置 Cursor MCP 与 BrowserTools 服务

csdh11 2025-05-24 13:15 2 浏览

一、安装 Chrome 扩展

  1. 打开 Chrome 网上应用店,搜索 "Cursor" 或直接访问扩展链接。
  2. 点击 "添加至 Chrome"
  3. 在弹出的确认框中点击 "添加扩展程序"
  4. 等待安装完成,您将在 Chrome 工具栏看到 Cursor 图标

二、配置 Cursor MCP

1. 登录 Cursor

# 在终端中登录 Cursor(如果需要的话)
cursor login

2. 配置 MCP

  • 点击 Chrome 工具栏中的 Cursor 图标
  • 进入 设置页面
  • "MCP Configuration" 部分,填入以下信息:MCP Host: localhost MCP Port: 3000

3. 验证 MCP 配置

  • 点击 "Test Connection"
  • 如果配置正确,将看到 "Connection Successful" 的提示。

三、安装并配置 BrowserTools 服务

1. 安装必要工具

# 安装 Node.js 和 npm(如果尚未安装)
brew install node

# 安装 PM2 进程管理器
npm install -g pm2

# 安装 browser-tools-server
npm install -g @agentdeskai/browser-tools-server@1.2.0

2. 启动 BrowserTools 服务

# 使用 PM2 启动 BrowserTools 服务
pm2 start "npx @agentdeskai/browser-tools-server@1.2.0" --name "browser-tools"

# 查看服务状态
pm2 status

3. 配置开机自启动

# 生成开机自启动脚本
pm2 startup

# 保存当前进程列表
pm2 save

四、验证安装

1. 检查服务状态

# 检查 BrowserTools 服务状态
pm2 status browser-tools

# 查看服务日志
pm2 logs browser-tools

2. 验证 Chrome 扩展

  • 打开 Chrome 开发者工具(F12)
  • Console 面板检查是否有错误信息。
  • 确认 Cursor 图标是否正常显示。

3. 测试集成

  • Chrome 中打开一个网页。
  • 点击 Cursor 图标
  • 尝试使用 MCP 功能
  • 检查是否能正常响应。

五、故障排除

1. BrowserTools 服务问题

# 查看详细日志
pm2 logs browser-tools

# 重启服务
pm2 restart browser-tools

# 检查端口占用(如 3000 端口)
lsof -i :3000
kill -9 <进程ID>

2. Chrome 扩展问题

扩展无法加载

  1. 进入 Chrome 扩展管理页面(chrome://extensions/)
  2. 禁用后重新启用 Cursor 扩展
  3. 清除 浏览器缓存

MCP 连接失败

  1. 确认 BrowserTools 服务是否在运行。
  2. 验证 MCP 配置是否正确。
  3. 检查 防火墙设置是否拦截了请求。

六、最佳实践

1. 定期维护

# 更新服务
npm update -g @agentdeskai/browser-tools-server

# 重启服务
pm2 restart browser-tools

2. 日志管理

# 安装 PM2 日志轮转插件
pm2 install pm2-logrotate

# 查看最近的日志
pm2 logs browser-tools --lines 100

3. 性能监控

# 监控服务状态
pm2 monit

七、环境要求

  • Node.js 14+
  • Chrome 88+
  • macOS 10.15+ / Windows 10+ / Linux
  • 稳定的网络连接

八、注意事项

  1. 确保系统时间准确
  2. 保持足够的磁盘空间
  3. 定期检查服务状态
  4. 保持 Chrome 浏览器更新
  5. 注意网络防火墙设置

九、常用命令速查

服务管理

pm2 start browser-tools    # 启动服务
pm2 stop browser-tools     # 停止服务
pm2 restart browser-tools  # 重启服务
pm2 delete browser-tools   # 删除服务

日志查看

pm2 logs browser-tools     # 查看日志
pm2 flush                  # 清空日志

状态监控

pm2 status                 # 查看状态
pm2 monit                  # 监控面板

十、相关资源

  • Cursor 官方文档
  • PM2 文档
  • Chrome 开发者文档
  • Node.js 文档

希望这个完整指南能帮助您成功设置和配置 Cursor MCP 与 BrowserTools 服务! 如果遇到问题,请参考 故障排除 部分或查阅相关文档。

相关推荐

跨越26年的宝可梦系列游戏你玩过几款?

作为一个宝可梦IP的忠实爱好者,是时时刻刻关注着宝可梦的影视及游戏方面,在22年2月也即将引来正统续作宝可梦阿尔宙斯(其实还是更习惯口袋妖怪的翻译)宝可梦从1996年诞生至今一共有多少正统系列,小编做...

ndsi,肩键L键失灵,拆开看看能不能修

很久没有玩nds了,新买了个R4烧录卡是带64g的游戏来玩玩,发现肩键L失灵了,打开看看能不能挽救一下。之前后盖上是有痛贴的,没办法只能忍痛撕下来了,撕下来之后还真白啊,上保护贴是真有必要的。话不多说...

R4卡使用方法!游戏介绍及常见问题!任天堂掌机通用

哈喽大家好!我是掌机百科!今天介绍下R4卡的使用方法及教程,DS,NDS,NDSL,NDSLL,NDSXL,NDSI.NDSILL,NDSIXL,3DS,3DSLL,3DSXL,2DS,NEW3DS...

JavaScript简介:从概念、特点、组成和用法全面带你快速了解JS

“这里是云端源想IT,帮你轻松学IT”...

FileBrowser 是一个优秀的基于 Web 的文件管理器

FileBrowser是一个基于网页的文件管理器,允许用户通过浏览器界面管理服务器上的文件和目录。它提供了一种简单直观的方式来执行文件操作,如上传、下载、删除、重命名和编辑文件,以及管理目录。以下是...

BrowserTools MCP赋能Cursor IDE:基于上下文实现浏览器无缝控制

一、项目介绍BrowserToolsMCP是基于Anthropic的ModelContextProtocol(MCP)构建的浏览器交互工具,通过与CursorIDE等AI编辑器深度整合,实现...

正确复制、重写别人的代码,不算抄袭

我最近在一篇文章提到,工程师应该怎样避免使用大量的库、包以及其他依赖关系。我建议的另一种方案是,如果你没有达到重用第三方代码的阈值时,那么你就可以自己编写代码。...

它来了、全新的Vue3中文文档来了

Vue.js-渐进式JavaScript框架|Vue.jsPlayicon...

“我们太乙变化大”——第一书记讲述贫困村变化

来源:江西日报-江西新闻客户端江西新闻客户端讯(江西日报记者唐燕)“2018年1月,组织安排我到太乙村开展帮扶工作。两年来,我亲眼目睹并亲身经历了群众生产生活发生的巨大变化。看到群众生活越来越幸福,我...

趋势科技杀软曝密码漏洞:允许远程代码执行

IT之家讯来自谷歌的安全研究员TavisOrmandy最近很忙。几周之前,他发现了AVG杀软扩展程序可以绕过Chrome商店中的审查机制,自动安装到用户的Chrome浏览器中,而且这个扩展还会泄露...

Vue3安装使用方式详解

对于开发和学习任何一门新技术,新框架,最主要的还是能够运行起来,怎么运行起来,这才是最主要的。所以,我们来说一下Vue.js的安装方式。因为Vue.js的设计初始,就是一个渐进式的J...

设置 Cursor MCP 与 BrowserTools 服务

一、安装Chrome扩展打开Chrome网上应用店,搜索...

那些通用清除软件不曾注意的秘密

系统清理就像卫生检查前的大扫除,即使你使出吃奶的劲儿把一切可能的地方都打扫过,还会留下边边角角的遗漏。随着大家电脑安全意识的提高,越来越多的朋友开始关注自己的电脑安全,也知道安装360系列软件来"武装...

SharpBrowser:用C#打造超快的个性化开源浏览器!

推荐一个基于.Net8和CefSharp开发的开源浏览器。项目简介SharpBrowser是一个用C#和CefSharp开发的全功能网页浏览器。它声称是最快的开源C#网页浏览器,渲...

微软发布轻量级 VS Code 工具,可完全在浏览器中运行

...