Im folgenden Artikel werfen wir einen Blick auf die Responsively App, ein kostenloses Entwicklungstool, das wir für Gnu / Linux, Microsoft Windows und macOS finden. Die Bewerbung ist ein modifizierter Browser, der Electron verwendet und eine Webanwendung auf mehreren Geräten gleichzeitig und in einem einzigen Fenster anzeigt, das eine Benutzerinteraktion ermöglicht.
Wie ich schon sagte, ist dies ein modifizierter Browser, der mit erstellt wurde Elektron dass kann bei der responsiven Webentwicklung hilfreich sein. Diese App wurde erstmals Anfang 2020 veröffentlicht und ist bei Webentwicklern bereits sehr beliebt. Viele halten es für ein unverzichtbares Entwicklungswerkzeug für alle Frontend-Entwickler, da es die Arbeit erheblich erleichtern kann.
Allgemeine Eigenschaften der Responsively APP
- Interaktionen des Benutzers werden auf allen Geräten dupliziert. Eine Handlung (wie klicken, scrollen usw.), die wir in einem der Geräte durchführen, werden in Echtzeit auf alle anderen repliziert. Diese Option kann auf einem oder allen von uns aktivierten Geräten deaktiviert werden.
- Unsere es ermöglicht, die Disposition der Geräte festzustellen, je nach Bedarf.
- Wir werden finden über 30 integrierte Geräteprofile mit der Option, benutzerdefinierte Geräte hinzuzufügen. Dazu gehört das spezielle Response-Mode-Gerät zur freien Größenänderung eines Bildschirms.
- Das Programm wird uns die Möglichkeit geben, Überprüfen Sie jeden Artikel auf jedem Gerät mit nur einem Klick.
- Wir können Machen Sie einen ganzseitigen Screenshot von allen Geräten oder einem bestimmten Gerät.
- Es kann automatisches Nachladen auf allen Geräten in Echtzeit bei jeder HTML / CSS / JS-Speicherung.
- Die Bewerbung ist auchEnthält einen Live-CSS-Editor, und Designmodus, mit dem Benutzer HTML direkt ohne Entwicklungstools bearbeiten können. Es verfügt unter anderem über Optionen zur Netzwerkgeschwindigkeitsemulation, Zoom, Deaktivierung der SSL-Validierung und Unterstützung für verschiedene Protokolle.
- auch Wir finden Netzwerk-Proxy-Unterstützung, helle und dunkle Themen.
- Das Programm bietet uns eine Reihe von Tastaturkürzel die Arbeit zu erleichtern.
- Wir können auch verwenden optionale Browsererweiterungen (für Chrome, Firefox und Edge), die verwendet werden, um einfach Links vom Webbrowser an die Responsively App zu senden und sofort eine Vorschau der Seite zu erhalten.
Dies sind nur einige der Funktionen dieses Programms. Sie können konsultieren Sie alle im Detail aus dem Projektwebsite.
Laden Sie die Responsively-App herunter
Diese Anwendung kann in Ubuntu als AppImage-Datei verwendet werden. Diese Datei Wir finden es für Sie verfügbar Download auf der Projektwebsite. Neben dem Herunterladen aus dem Webbrowser können wir auch ein Terminal öffnen (Strg + Alt + T) und wget auf folgende Weise ausführen, um die neueste heute veröffentlichte Version herunterzuladen:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Um die gerade heruntergeladene AppImage-Datei zu verwenden, klicken Sie einfach mit der rechten Maustaste auf diese Datei, wählen Sie Eigenschaften und unter Berechtigungen Suchen Sie nach der Option, die angibt, dass wir die Ausführung der Datei als Programm zulassen. Eine andere Möglichkeit, ihm die erforderlichen Berechtigungen zu erteilen, besteht darin, ein Terminal zu öffnen (Strg + Alt + T) und in den Ordner zu gehen, in dem es gespeichert ist, und den Befehl zu schreiben:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Nachdem Sie dies getan haben, Um das Programm zu starten, müssen Sie nur auf die .AppImage-Datei doppelklicken. Es kann auch durch Ausführen in einem Terminal gestartet werden:
./ResponsivelyApp-0.18.0.AppImage
Wenn Sie eine Installieren Sie die Erweiterungen für den Webbrowser, mit denen Sie ganz einfach Links von Ihrem Browser an die Anwendung senden und eine sofortige Vorschau erhalten könnenAlles, was Sie tun müssen, ist auf die Download-Seite des Projekts zu gehen und zum Ende des Webs zu scrollen. Dort finden wir die Erweiterungen für Firefox, Chrome oder Edge.
Wie aus dem GitHub-Repository des ProjektsWenn ein Benutzer Probleme bei der Verwendung der Anwendung hat, kann er ein Problem öffnen und es im Folgenden melden Link. Weitere Informationen zu diesem Projekt finden Benutzer auf der Projektwebsite.