responsively-org/responsively-app

这是什么？

核心功能

• 01在所有设备预览中同步点击、输入等用户操作。
• 02内置 30 多种设备配置，并支持添加自定义设备。
• 03提供可跨所有预览使用的元素检查器。
• 04一键同时截取所有设备的屏幕截图。
• 05支持开发服务器的热重载。
• 06内置 MCP 服务器，供 AI 编程助手控制应用。

适用场景

• 在前端开发中同时查看网站在手机、平板和桌面端的布局效果。
• 发布前通过各设备截图审查响应式设计。
• 让 AI 编程助手加载页面并直观验证响应式布局。

快速上手

1. 1

   在 macOS 上用 Homebrew 安装

   brew install --cask responsively
2. 2

   在 Windows 上用 Chocolatey 安装

   choco install responsively
3. 3

   或从 responsively.app 或发布页面下载应用

使用前须知

• !仅为桌面应用，提供 Mac、Windows 和 Linux 安装包。
• !采用 AGPL-3.0 许可证，这是强 Copyleft 许可证，要求分享修改后的源代码。

标签

常见问题

responsively-app 是什么？

基于 Electron 的桌面浏览器，可同时在多个设备预览中测试网页的响应式布局。 Responsively App 是一款基于 Electron 构建的桌面浏览器，专为响应式网页开发设计。它可以在并排显示的多个设备视口中同时打开同一网站，开发者无需来回切换工具，就能查看页面在不同屏幕尺寸下的表现。

responsively-app 可以免费使用吗？用的什么许可证？

responsively-app 以 AGPL-3.0 许可证开源。用于商业产品前，请先确认许可证条款。

responsively-app 还在维护吗？

活跃维护中。responsively-app 最近一次提交是在 2026年10月3日。

responsively-app 适合用来做什么？

在前端开发中同时查看网站在手机、平板和桌面端的布局效果。 发布前通过各设备截图审查响应式设计。 让 AI 编程助手加载页面并直观验证响应式布局。

responsively-app 怎么安装和运行？

在 macOS 上用 Homebrew 安装: brew install --cask responsively 在 Windows 上用 Chocolatey 安装: choco install responsively 或从 responsively.app 或发布页面下载应用

在哪里获取 responsively-app？

源代码和安装说明在 GitHub 上：https://github.com/responsively-org/responsively-app