În următorul articol vom arunca o privire la aplicația Responsively. Acesta este un instrument de dezvoltare gratuit pe care îl putem găsi disponibil pentru Gnu / Linux, Microsoft Windows și macOS. Aplicația este un browser modificat care folosește Electron și care va afișa o aplicație web pe mai multe dispozitive în același timp și într-o singură fereastră care să permită interacțiunea utilizatorului.
După cum spuneam, acesta este un browser modificat construit cu electron că poate fi de ajutor în dezvoltarea web receptivă. Această aplicație a fost publicată pentru prima dată la începutul anului 2020 și este deja destul de populară printre dezvoltatorii web. Mulți îl consideră un instrument de dezvoltare obligatoriu pentru toți dezvoltatorii front-end, deoarece poate facilita foarte mult munca.
Caracteristicile generale ale APP Responsively
- Interacțiunile efectuate de utilizator vor fi duplicate pe toate dispozitivele. O actiune (cum ar fi clic, defilare etc.) pe care le realizăm într-unul dintre dispozitive vor fi replicate în toate celelalte în timp real. Această opțiune poate fi dezactivată pe unul sau pe toate dispozitivele pe care le-am activat.
- Ne va permite stabilirea dispozitiei aparatelor, conform ce avem nevoie.
- Vom găsi peste 30 de profiluri de dispozitiv încorporate, cu opțiunea de a adăuga dispozitive personalizate. Acestea includ dispozitivul special cu modul de răspuns pentru redimensionarea liberă a unui ecran.
- Programul ne va oferi posibilitatea inspectați orice articol de pe orice dispozitiv folosind doar un clic.
- Putem faceți o captură de ecran completă a tuturor dispozitivelor sau a unui anumit dispozitiv.
- Se poate reîncărcare automată pe toate dispozitivele în timp real la fiecare salvare HTML / CSS / JS.
- Aplicația, de asemenea, iInclude un editor CSS live, și modul de proiectare, care permite utilizatorilor să editeze HTML direct fără instrumente de dezvoltare. De asemenea, are opțiuni de emulare a vitezei rețelei, zoom, dezactivarea validării SSL și suport pentru diferite protocoale, printre multe alte lucruri.
- de asemenea vom găsi suport pentru proxy de rețea, teme deschise și întunecate.
- Programul ne va oferi o serie de comenzile rapide de la tastatură pentru a facilita munca.
- Putem folosi și extensii opționale de browser (pentru Chrome, Firefox și Edge), care sunt folosite pentru a trimite cu ușurință link-uri din browserul web către aplicația Responsively și pentru a previzualiza pagina instantaneu.
Acestea sunt doar câteva dintre caracteristicile acestui program. Ei pot consultați-le pe toate în detaliu din site-ul proiectului.
Descărcați aplicația Responsively
Această aplicație poate fi găsită disponibilă pentru utilizare în Ubuntu ca fișier AppImage. Acest fișier îl putem găsi disponibil pentru dvs descărcați pe site-ul proiectului. Pe lângă descărcarea din browserul web, putem deschide și un terminal (Ctrl + Alt + T) și rulăm wget în următorul mod pentru a descărca cea mai recentă versiune publicată astăzi:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Pentru a utiliza fișierul AppImage pe care tocmai l-am descărcat, faceți clic dreapta pe acest fișier, alegeți Proprietăți și sub Permisiuni, căutați opțiunea care indică faptul că permitem rularea fișierului ca program. O altă posibilitate de a-i acorda permisiunile necesare, va fi să deschidem un terminal (Ctrl + Alt + T) și să mergem în folderul în care îl avem salvat și să scriem comanda:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
După ce a făcut asta, pentru a porni programul trebuie doar să faceți dublu clic pe fișierul .AppImage. Poate fi pornit și rulând într-un terminal:
./ResponsivelyApp-0.18.0.AppImage
Dacă doriți instalați extensiile pentru browserul web, cu ajutorul cărora puteți trimite cu ușurință link-uri din browser către aplicație și puteți obține o previzualizare instantaneeTot ce trebuie să faceți este să accesați pagina de descărcare a proiectului și să derulați în jos până în partea de jos a web-ului. Acolo vom găsi extensii pentru Firefox, Chrome sau Edge.
După cum se indică din depozitul GitHub al proiectuluiDacă orice utilizator are probleme cu utilizarea aplicației, poate deschide o problemă și o poate raporta în cele ce urmează legătură. Pentru mai multe informații despre acest proiect, utilizatorii pot merge la site-ul proiectului.