Blowback

基本能力

产品定位

Blowback 是一个前端开发服务器，通过集成 MCP 服务器，支持与 Cursor 的集成，提供浏览器控制台日志捕获、检查点管理和浏览器自动化工具。

核心功能

• 集成前端开发服务器与 MCP 服务器
• 浏览器控制台日志捕获与传输
• 基于检查点的日志管理
• 浏览器自动化工具（如截图、元素属性获取、网络监控等）

适用场景

• 前端开发中的调试与日志管理
• 浏览器自动化测试
• 状态管理与版本快照

工具列表

HMR 工具

• get-hmr-events: 获取最近的 HMR 事件
• check-hmr-status: 检查 HMR 状态

浏览器工具

• start-browser: 启动浏览器实例并导航到开发服务器
• capture-screenshot: 捕获当前页面或特定元素的截图
• get-element-properties: 获取特定元素的属性和状态信息
• get-element-styles: 获取特定元素的样式信息
• get-element-dimensions: 获取特定元素的尺寸和位置信息
• monitor-network: 监控浏览器中的网络请求
• get-element-html: 获取特定元素及其子元素的 HTML 内容
• get-console-logs: 从浏览器会话中获取控制台日志（支持过滤）
• execute-browser-commands: 安全执行预定义的浏览器命令

使用教程工具

• how-to-use: 提供工具使用说明

常见问题解答

• MCP 资源功能目前不被 Cursor 支持，请使用 get-console-logs 工具代替。
• 截图工具保存的图片可能需要手动传输到编辑工具中。

使用教程

使用依赖

无明确前置依赖，但需要 Node.js 环境以运行 npx 命令。

安装教程

将以下配置添加到 Cursor MCP 配置中：

{
  "blowback": {
    "command": "npx",
    "args": ["-y", "blowback-context"]
  }
}

调试方式

安装完成后，可以通过以下工具进行调试： - 使用 get-console-logs 获取浏览器控制台日志 - 使用 capture-screenshot 捕获页面截图 - 使用 monitor-network 监控网络请求

许可证

None