I den følgende artikel skal vi tage et kig på Responsively App. Dette er et gratis udviklingsværktøj, som vi kan finde tilgængeligt til Gnu/Linux, Microsoft Windows og macOS. Ansøgningen er en modificeret browser, der bruger Electron, og som vil vise en webapplikation på flere enheder på samme tid og i et enkelt vindue, der tillader brugerinteraktion.
Som jeg sagde, er dette en modificeret browser bygget med Electron at kan være behjælpelig med responsiv webudvikling. Denne app blev først udgivet i begyndelsen af 2020 og er allerede ret populær blandt webudviklere. Mange betragter det som et must-have udviklingsværktøj for alle frontend-udviklere, da det i høj grad kan lette arbejdet.
Generelle karakteristika for Responsively APP
- Interaktioner foretaget af brugeren vil blive duplikeret på alle enheder. en handling (som at klikke, rulle osv.), som vi udfører i en af enhederne, vil blive replikeret i alle de andre i realtid. Denne mulighed kan deaktiveres på en eller alle de enheder, vi har aktiveret.
- Os det vil gøre det muligt at etablere anordningernes disposition, alt efter hvad vi har brug for.
- Vi finder det over 30 indbyggede enhedsprofiler, med mulighed for at tilføje brugerdefinerede enheder. Disse inkluderer den specielle responstilstandsenhed til frit at ændre størrelsen på en skærm.
- Programmet vil give os mulighed for inspicere ethvert element på enhver enhed med blot et enkelt klik.
- Vi kan tage et helsides skærmbillede af alle enheder eller en bestemt enhed.
- Du kan genindlæs automatisk på alle enheder i realtid hver HTML / CSS / JS-lagring.
- Ansøgningen også blInkluderer en live CSS-editor, og designtilstand, som giver brugerne mulighed for at redigere HTML direkte uden udviklingsværktøjer. Det har også muligheder for emulering af netværkshastighed, zoom, deaktivering af SSL-validering og understøttelse af forskellige protokoller, blandt mange andre ting.
- også vi finder netværksproxy-understøttelse, lyse og mørke temaer.
- Programmet vil tilbyde os en række af tastaturgenveje for at lette arbejdet.
- Vi kan også bruge valgfri browserudvidelser (til Chrome, Firefox og Edge), som bruges til nemt at sende links fra webbrowseren til Responsively-appen og til at få vist siden med det samme.
Dette er blot nogle af funktionerne i dette program. De kan hør dem alle detaljeret fra projektwebsted.
Download Responsively-appen
Denne applikation kan findes tilgængelig til brug i Ubuntu som en AppImage-fil. Denne fil vi kan finde det tilgængeligt for dig download på projektets hjemmeside. Udover at downloade fra webbrowseren, kan vi også åbne en terminal (Ctrl + Alt + T) og køre wget på følgende måde for at downloade den seneste version, der er offentliggjort i dag:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
For at bruge AppImage-filen, som vi lige har downloadet, skal du bare højreklikke på denne fil, vælge Egenskaber og under Tilladelser, se efter den indstilling, der angiver, at vi tillader at køre filen som et program. En anden mulighed for at give den de nødvendige tilladelser vil være at åbne en terminal (Ctrl + Alt + T) og gå til mappen, hvor vi har gemt den og skrive kommandoen:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Efter at have gjort dette, for at starte programmet skal du blot dobbeltklikke på .AppImage-filen. Den kan også startes ved at køre i en terminal:
./ResponsivelyApp-0.18.0.AppImage
Hvis du vil installer udvidelserne til webbrowseren, hvormed du nemt kan sende links fra din browser til applikationen og få en øjeblikkelig forhåndsvisningAlt du skal gøre er at gå til projektets downloadside og scrolle ned til bunden af nettet. Der vil vi finde udvidelser til Firefox, Chrome eller Edge.
Som det fremgår af projektets GitHub-lagerHvis en bruger har problemer med at bruge programmet, kan de åbne et problem og rapportere det i det følgende link. For mere information om dette projekt kan brugere gå til projektwebsted.