Responsively App, un browser creat pentru dezvoltarea web rapidă și receptivă

 

În următorul articol vom arunca o privire la Responsively App. 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ă permițând interacțiunea utilizatorului .

După cum spuneam, acesta este un browser modificat, construit cu Electron , care poate fi de ajutor în dezvoltarea web receptivă . Această aplicație a fost lansată pentru prima dată la începutul anului 2020 și este deja destul de populară printre dezvoltatorii web. Este considerat de mulți un instrument de dezvoltare obligatoriu pentru toți dezvoltatorii front-end, deoarece poate face munca mult mai ușoară.

Caracteristicile generale ale APP Responsively

• Interacțiunile realizate de utilizator vor fi duplicate pe toate dispozitivele . O acțiune ( cum ar fi clic, defilare etc. ) pe care o realizăm pe unul dintre dispozitive va fi replicată pe toate celelalte în timp real. Această opțiune poate fi dezactivată în unul sau în toate dispozitivele pe care le-am activat.
• Ne va permite să stabilim dispoziția dispozitivelor , în funcție de ceea ce avem nevoie.

• Vom găsi mai mult de 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 a redimensiona liber un ecran.
• Programul ne va oferi posibilitatea de a inspecta orice element de pe orice dispozitiv folosind doar un clic .

• Vom putea face o captură de ecran completă a tuturor dispozitivelor sau a unui anumit dispozitiv .
• Poate fi reîncărcat automat pe toate dispozitivele în timp real la fiecare salvare HTML/CSS/JS .

• Aplicația include, de asemenea , un editor CSS live și un mod 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, dezactivare validare SSL și suport pentru diferite protocoale, printre multe alte lucruri.
• Vom găsi, de asemenea , suport pentru proxy de rețea, teme deschise și întunecate .

• Programul ne va oferi o serie de comenzi rapide de la tastatură pentru a ne ușura munca.
• Putem folosi, de asemenea, extensii opționale de browser ( pentru Chrome, Firefox și Edge ), care servesc 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. Toate pot fi consultate în detaliu de pe site-ul proiectului .

Descărcați aplicația Responsively

Putem găsi această aplicație disponibilă pentru utilizare în Ubuntu ca fișier AppImage. Acest fișier poate fi găsit disponibil pentru descărcare pe site-ul proiectului . Pe lângă descărcarea din browserul web, putem deschide și un terminal (Ctrl+Alt+T) și executam wget în el după cum urmează pentru a descărca cea mai recentă versiune publicată astăzi:

1	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 spune că permitem fișierului să ruleze ca . 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:

1	sudo chmod a+x ResponsivelyApp-0.18.0.AppImage

După ce faceți acest lucru, pentru a porni programul este pur și simplu necesar să faceți dublu clic pe fișierul .AppImage. Poate fi pornit și rulând într-un terminal :

1	./ResponsivelyApp-0.18.0.AppImage

Dacă doriți să instalați extensiile browserului web, cu ajutorul cărora puteți trimite cu ușurință link-uri din browser către aplicație și o previzualizați instantaneu, mergeți la pagina de descărcare a proiectului și derulați în partea de jos a Web-ului. Acolo vom găsi extensiile pentru Firefox, Chrome sau Edge .

Conform depozitului GitHub al proiectului , dacă un utilizator are probleme cu utilizarea aplicației, poate deschide o problemă și o poate raporta la următorul link . Pentru mai multe informații despre acest proiect, utilizatorii pot accesa site-ul web al proiectului .