I följande artikel ska vi ta en titt på Responsively App. Detta är ett gratis utvecklingsverktyg som vi kan hitta tillgängligt för Gnu/Linux, Microsoft Windows och macOS. Ansökan är en modifierad webbläsare som använder Electron och som visar en webbapplikation på flera enheter samtidigt och i ett enda fönster som tillåter användarinteraktion.
Som jag sa, detta är en modifierad webbläsare byggd med Elektron que kan vara till hjälp vid responsiv webbutveckling. Denna app publicerades först i början av 2020 och är redan ganska populär bland webbutvecklare. Många anser att det är ett måste-ha utvecklingsverktyg för alla front-end-utvecklare, eftersom det avsevärt kan underlätta arbetet.
Allmänna egenskaper hos Responsively APP
- Interaktioner som görs av användaren kommer att dupliceras på alla enheter. En handling (som att klicka, rulla osv.) som vi utför i en av enheterna kommer att replikeras i alla andra i realtid. Det här alternativet kan inaktiveras på en eller alla enheter som vi har aktiverat.
- I det gör det möjligt att fastställa anordningarnas disposition, enligt vad vi behöver.
- Vi kommer hitta över 30 inbyggda enhetsprofiler, med möjlighet att lägga till anpassade enheter. Dessa inkluderar den speciella responslägesenheten för att fritt ändra storlek på en skärm.
- Programmet ger oss möjlighet att inspektera alla föremål på valfri enhet med bara ett klick.
- Vi kan ta en helsidesskärmdump av alla enheter eller en specifik enhet.
- Det kan ladda om automatiskt på alla enheter i realtid varje HTML / CSS / JS-sparning.
- Ansökan också bl.aInkluderar en live CSS-redigerare, och designläge, som tillåter användare att redigera HTML direkt utan utvecklingsverktyg. Den har också emuleringsalternativ för nätverkshastighet, zoom, inaktivering av SSL-validering och stöd för olika protokoll, bland mycket annat.
- också vi hittar nätverksproxystöd, ljusa och mörka teman.
- Programmet kommer att erbjuda oss en rad kortkommandon för att underlätta arbetet.
- Vi kan också använda valfria webbläsartillägg (för Chrome, Firefox och Edge), som används för att enkelt skicka länkar från webbläsaren till Responsively App, och få en förhandsvisning av sidan direkt.
Detta är bara några av funktionerna i detta program. Dom kan konsultera dem alla i detalj från projektwebbplats.
Ladda ner Responsively-appen
Denna applikation kan hittas tillgänglig för användning i Ubuntu som en AppImage-fil. Den här filen vi kan hitta den tillgänglig för dig ladda ner på projektets hemsida. Förutom att ladda ner från webbläsaren kan vi också öppna en terminal (Ctrl + Alt + T) och köra wget på följande sätt för att ladda ner den senaste versionen som publicerades idag:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
För att använda AppImage-filen som vi just laddade ner, högerklicka bara på den här filen, välj Egenskaper och under Behörigheter, leta efter alternativet som indikerar att vi tillåter att köra filen som ett program. En annan möjlighet att ge den nödvändiga behörigheterna är att öppna en terminal (Ctrl + Alt + T) och gå till mappen där vi har sparat den och att skriva kommandot:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Efter att ha gjort detta, för att starta programmet behöver du bara dubbelklicka på .AppImage-filen. Den kan också startas genom att köras i en terminal:
./ResponsivelyApp-0.18.0.AppImage
Vill man installera tilläggen för webbläsaren, med vilka du enkelt kan skicka länkar från din webbläsare till applikationen och få en omedelbar förhandsvisningAllt du behöver göra är att gå till projektets nedladdningssida och scrolla ner till botten av webben. Där hittar vi tillägg för Firefox, Chrome eller Edge.
Som framgår av projektets GitHub-arkivOm någon användare har problem med att använda programmet kan de öppna ett problem och rapportera det i följande länk. För mer information om detta projekt kan användare gå till projektwebbplats.