responsively-app

Responsively App 是一款基于 Electron 构建的改良型网页浏览器，专为提升网页开发者测试响应式布局的效率而设计。该应用支持 macOS、Windows 和 Linux 系统，提供 Homebrew、Chocolatey、winget、RPM 包和 AppImage 等多种安装方式。 核心功能包括： - 所有设备预览窗口同步响应用户操作，点击、滚动与输入内容会实时镜像至所有设备视图； - 可自定义的预览布局，灵活适配不同测试需求； - 统一的元素检查器，可跨所有预览设备同时查看和调试 DOM 结构； - 内置超过 30 种设备配置文件，支持添加自定义设备尺寸与参数； - 一键同时截取所有设备的屏幕截图； - 支持热重载，开发过程中修改代码可即时生效。 该应用提供适用于 Chrome、Firefox 和 Edge 的浏览器扩展，用户可直接从常规浏览器中将页面链接发送至 Responsively App，实现即时预览。 应用内置 Model Context Protocol (MCP) 服务器，允许 AI 编码代理（如 Claude Code 和 Cursor）通过编程方式控制应用。通过 MCP 集成，AI 代理可加载 URL 至各设备预览、切换激活设备、捕获单设备截图、读取页面内容与交互元素、点击元素（同步镜像操作）及在表单字段中输入文本。MCP 服务器监听本地主机 12720 端口，首次调用工具时自动启动应用。配置可通过 npx 命令或直接连接 HTTP 传输端点完成。 该项目为开源项目，公开路线图并拥有活跃的 Discord 社区，欢迎社区贡献。