响应式应用程序,为快速响应式 Web 开发而构建的浏览器

关于响应式应用

在接下来的文章中,我们将看看 Responsively App。这是一个免费的开发工具,我们可以在 Gnu / Linux、Microsoft Windows 和 macOS 上找到它。 该应用程序是 一个使用 Electron 的修改后的浏览器,它将同时在多个设备上显示一个 Web 应用程序,并在一个允许用户交互的窗口中.

正如我所说,这是一个修改过的浏览器 电子可以帮助响应式 Web 开发. 该应用程序于 2020 年初首次发布,已经在 Web 开发人员中颇受欢迎。 许多人认为它是所有前端开发人员必备的开发工具,因为它可以极大地方便工作。

响应式 APP 的一般特征

响应式应用程序运行

  • 用户进行的交互将在所有设备上复制. 一种行为 (比如点击、滚动等。) 我们在其中一个设备中执行的操作将在所有其他设备中实时复制。 可以在我们启用的一个或所有设备上禁用此选项。
  • 我们的 它将允许建立设备的配置,根据我们的需要。

添加设备

  • 我们会发现 超过 30 个内置设备配置文件,可选择添加自定义设备. 其中包括用于自由调整屏幕大小的特殊响应模式设备。
  • 该计划将使我们有机会 只需单击一下即可检查任何设备上的任何项目.

全屏截图

  • 我们可以 对所有设备或特定设备进行整页截图.
  • 它可以 每次 HTML / CSS / JS 保存时,在所有设备上实时自动重新加载.

检查员响应式应用程序

  • 该应用程序也是我包括一个实时 CSS 编辑器, 和设计模式,它允许用户在没有开发工具的情况下直接编辑 HTML。 它还具有网络速度仿真选项、缩放、禁用 SSL 验证以及对各种协议的支持等等。
  • 我们将找到网络代理支持、浅色和深色主题.

响应式应用程序键盘快捷键

  • 该计划将为我们提供一系列 键盘快捷键 方便工作。
  • 我们也可以使用 可选的浏览器扩展 (适用于 Chrome、Firefox 和 Edge),用于轻松将链接从 Web 浏览器发送到 Responsively App,并立即获得页面预览。

这些只是该程序的某些功能。 可 从中详细咨询所有这些 项目网站.

下载响应式应用程序

这个应用程序可以在 Ubuntu 中作为 AppImage 文件使用。 这个文件 我们可以为您找到它 在项目网站上下载. 除了从网页浏览器下载外,我们还可以打开终端(Ctrl + Alt + T),通过以下方式运行wget,下载今天发布的最新版本:

将响应式应用程序下载为 appimage

wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage

要使用我们刚刚下载的 AppImage 文件,只需右键单击此文件,选择 Properties,然后在 Permissions 下, 寻找表明我们允许将文件作为程序运行的选项. 授予它必要权限的另一种可能性是打开一个终端(Ctrl + Alt + T)并转到我们保存它的文件夹并编写命令:

sudo chmod a+x ResponsivelyApp-0.18.0.AppImage

这样做之后, 要启动程序,您只需双击 .AppImage 文件。 它也可以通过在终端中运行来启动:

启动响应式应用程序

./ResponsivelyApp-0.18.0.AppImage

如果quieres 安装 Web 浏览器的扩展,您可以使用它轻松地将链接从浏览器发送到应用程序并获得即时预览您所要做的就是转到项目的下载页面并向下滚动到网络底部。 在那里我们会找到 Firefox、Chrome 或 Edge 的扩展.

下载网络浏览器的扩展

正如从 项目的GitHub存储库如果任何用户在使用该应用程序时遇到问题,他们可以打开一个问题并在下面报告它 链接. 有关此项目的更多信息,用户可以访问 项目网站.


成为第一个发表评论

发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。