V naslednjem članku si bomo ogledali aplikacijo Responsively, ki je brezplačno razvojno orodje, ki je na voljo za Gnu / Linux, Microsoft Windows in macOS. Aplikacija je spremenjen brskalnik, ki uporablja Electron in bo prikazal spletno aplikacijo na več napravah hkrati in v enem samem oknu, ki omogoča interakcijo uporabnika.
Kot sem rekel, je to spremenjen brskalnik, zgrajen z Electron da je lahko v pomoč pri odzivnem spletnem razvoju. Ta aplikacija je bila prvič objavljena v začetku leta 2020 in je že zelo priljubljena pri spletnih razvijalcih. Mnogi menijo, da je razvojno orodje, ki ga morajo imeti vsi front-end razvijalci, saj lahko močno olajša delo.
Splošne značilnosti Responsively APP
- Interakcije, ki jih izvede uporabnik, bodo podvojene na vseh napravah. Dejanje (kot so klikanje, pomikanje itd.), ki jih izvajamo v eni od naprav, se bodo v realnem času replicirali v vseh ostalih. To možnost je mogoče onemogočiti na eni ali vseh napravah, ki smo jih omogočili.
- Nas bo omogočilo določitev razporeditve naprav, glede na to, kar potrebujemo.
- Bomo našli več kot 30 vgrajenih profilov naprav, z možnostjo dodajanja naprav po meri. Ti vključujejo posebno napravo odzivnega načina za prosto spreminjanje velikosti zaslona.
- Program nam bo dal možnost, da preglejte kateri koli predmet na kateri koli napravi z enim klikom.
- Lahko naredite posnetek zaslona celotne strani vseh naprav ali določene naprave.
- Lahko samodejno ponovno nalaganje na vseh napravah v realnem času pri vsakem shranitvi HTML / CSS / JS.
- Aplikacija tudi iVključuje urejevalnik CSS v živo, in način oblikovanja, ki uporabnikom omogoča neposredno urejanje HTML brez razvojnih orodij. Med drugim ima tudi možnosti emulacije hitrosti omrežja, povečavo, onemogočanje preverjanja SSL in podporo za različne protokole.
- prav tako našli bomo podporo za omrežni proxy, svetle in temne teme.
- Program nam bo ponudil vrsto bližnjice na tipkovnici za lažje delo.
- Lahko tudi uporabimo izbirne razširitve brskalnika (za Chrome, Firefox in Edge), ki se uporabljajo za preprosto pošiljanje povezav iz spletnega brskalnika v aplikacijo Responsively in za takojšen predogled strani.
To je le nekaj funkcij tega programa. Oni lahko podrobno se posvetujte z vsemi v spletna stran projekta.
Prenesite aplikacijo Responsively
To aplikacijo lahko najdete na voljo za uporabo v Ubuntuju kot datoteko AppImage. Ta datoteka lahko najdemo na voljo za vas prenesite na spletno stran projekta. Poleg prenosa iz spletnega brskalnika lahko odpremo tudi terminal (Ctrl + Alt + T) in zaženemo wget na naslednji način, da prenesemo najnovejšo različico, objavljeno danes:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Če želite uporabiti datoteko AppImage, ki smo jo pravkar prenesli, samo z desno tipko miške kliknite to datoteko, izberite Lastnosti in pod Dovoljenja poiščite možnost, ki označuje, da dovolimo zagon datoteke kot programa. Druga možnost, da mu damo potrebna dovoljenja, je, da odpremo terminal (Ctrl + Alt + T) in gremo v mapo, kjer smo jo shranili, in napišemo ukaz:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Po tem, Za zagon programa morate samo dvakrat klikniti datoteko .AppImage. Lahko se zažene tudi z zagonom v terminalu:
./ResponsivelyApp-0.18.0.AppImage
Če želite namestite razširitve za spletni brskalnik, s katerimi lahko preprosto pošljete povezave iz brskalnika v aplikacijo in dobite takojšen predogledVse kar morate storiti je, da greste na stran za prenos projekta in se pomaknete navzdol do dna spleta. Tam bomo našli razširitve za Firefox, Chrome ali Edge.
Kot izhaja iz skladišče projekta GitHubČe ima kateri koli uporabnik težave z uporabo aplikacije, lahko odpre težavo in jo prijavi v nadaljevanju povezava. Za več informacij o tem projektu lahko uporabniki obiščejo spletna stran projekta.