开源项目开发者工具类新手

Responsively App

一款基于 Electron 构建的改进型浏览器，帮助 Web 开发者更快速地进行响应式网页开发，支持多设备同步预览、统一元素检查器和一键截图。

0 次阅读2026/09/09 发布

#响应式开发 #Electron #浏览器开发者工具 #设备预览 #网页截图 #热重载 #MCP服务器 #AI编程助手 #跨平台 #开发者工具类 #responsively-org

社区作者 · zZz

它解决什么问题

Responsively App 是一个基于 Electron 构建的改良浏览器，面向 Web 开发者的响应式开发必备工具。它允许开发者在一个窗口中同时预览多个设备，所有设备上的用户交互会镜像同步；提供可自定义的预览布局、统一的元素检查器、内置 30 多个设备配置并可添加自定义设备；支持一键为所有设备截图；为开发者提供热重载支持。它还提供了 Chrome、Firefox、Edge 浏览器扩展，用于把链接快速发送到应用中。

应用内置 Model Context Protocol（MCP）服务器，可连接 Claude Code、Cursor 等 AI 编码代理，通过工具调用实现导航、点击、输入、读取页面和截图等操作，便于开发时直接验证响应式布局。该应用适用于桌面端 macOS、Windows、Linux；安装包可从官网、Homebrew、Chocolatey、winget 或 GitHub Releases 等渠道获取。许可证及具体版本信息以官方仓库发布信息为准。

— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。

安装 / 开始使用

下载安装：访问官网 https://responsively.app 下载适合 macOS、Windows 或 Linux 的安装包并安装。

包管理器安装（任选一种）：

macOS：

brew install --cask responsively

Windows Chocolatey：

choco install responsively

Windows winget：

winget install ResponsivelyApp

Linux（RPM Package Manager）：sudo rpm -i https://github.com/responsively-org/responsively-app/releases/download/v[VERSION]/Responsively-App-[VERSION].x86_64.rpm，请将 [VERSION] 替换为实际发布版本号；也可从 GitHub Releases 页面下载 AppImage。

首次运行：安装完成后先启动一次 Responsively App，完成基本初始化。

浏览器扩展（可选）：根据需要从 Chrome、Firefox、Edge 扩展商店安装官方扩展，便于将浏览器中打开的链接快速发送到 Responsively 预览。

claude mcp add responsively -- npx -y @responsively/mcp 或在 Cursor 的 .cursor/mcp.json 中添加： { "mcpServers": { "responsively": { "command": "npx", "args": ["-y", "@responsively/mcp"] } } } 如果客户端无法运行 npx，可在应用运行状态直连 http://127.0.0.1:12720/mcp。