Seuraavassa artikkelissa tarkastelemme Responsively-sovellusta. Tämä on ilmainen kehitystyökalu, jonka voimme löytää saatavilla Gnu/Linuxille, Microsoft Windowsille ja macOS:lle. Sovellus on muokattu selain, joka käyttää Electronia ja joka näyttää verkkosovelluksen useilla laitteilla samanaikaisesti ja yhdessä ikkunassa mahdollistaen käyttäjän vuorovaikutuksen.
Kuten sanoin, tämä on muokattu selain, joka on rakennettu Elektroni että voi olla avuksi responsiivisessa web-kehityksessä. Tämä sovellus julkaistiin ensimmäisen kerran vuoden 2020 alussa ja on jo melko suosittu verkkokehittäjien keskuudessa. Monien mielestä se on pakollinen kehitystyökalu kaikille etupään kehittäjille, koska se voi helpottaa huomattavasti työtä.
Responsively APP:n yleiset ominaisuudet
- Käyttäjän tekemät vuorovaikutukset kopioidaan kaikilla laitteilla. Toiminta (kuten napsauttaminen, vierittäminen jne.), jonka suoritamme yhdessä laitteista, kopioidaan kaikkiin muihin reaaliajassa. Tämä vaihtoehto voidaan poistaa käytöstä yhdessä tai kaikissa laitteissa, jotka olemme ottaneet käyttöön.
- Meitä sen avulla voidaan määrittää laitteiden sijoitus, sen mukaan, mitä tarvitsemme.
- Löydämme yli 30 sisäänrakennettua laiteprofiilia, joissa on mahdollisuus lisätä mukautettuja laitteita. Näitä ovat erityinen vastaustilalaite näytön koon vapaaseen muuttamiseen.
- Ohjelma antaa meille mahdollisuuden tarkasta minkä tahansa kohteen minkä tahansa laitteen yhdellä napsautuksella.
- Voimme ota koko sivun kuvakaappaus kaikista laitteista tai tietystä laitteesta.
- Se voi Automaattinen uudelleenlataus kaikilla laitteilla reaaliajassa jokaisen HTML-/CSS-/JS-tallennuksella.
- Sovellus myös iSisältää live-CSS-editorin, ja suunnittelutila, jonka avulla käyttäjät voivat muokata HTML-koodia suoraan ilman kehitystyökaluja. Siinä on myös verkon nopeuden emulointivaihtoehdot, zoomaus, SSL-tarkistuksen poistaminen käytöstä ja tuki useille protokollille, mm.
- myös löydämme verkon välityspalvelintuen, vaaleat ja tummat teemat.
- Ohjelma tarjoaa meille sarjan pikanäppäimet työn helpottamiseksi.
- Voimme myös käyttää valinnaisia selainlaajennuksia (Chromelle, Firefoxille ja Edgelle), joita käytetään helposti linkkien lähettämiseen verkkoselaimesta Responsively Appiin ja sivun esikatseluun välittömästi.
Nämä ovat vain joitain tämän ohjelman ominaisuuksia. He voivat neuvoa kaikkia niitä yksityiskohtaisesti projektin verkkosivusto.
Lataa Responsive-sovellus
Tämä sovellus on käytettävissä Ubuntussa AppImage-tiedostona. Tämä tiedosto voimme löytää sen saatavillasi lataa projektin verkkosivuilta. Verkkoselaimesta lataamisen lisäksi voimme myös avata päätelaitteen (Ctrl + Alt + T) ja suorittaa wget:n seuraavalla tavalla ladataksesi uusimman tänään julkaistun version:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Jos haluat käyttää juuri lataamaamme AppImage-tiedostoa, napsauta tätä tiedostoa hiiren kakkospainikkeella, valitse Ominaisuudet ja Luvat-kohdasta etsi vaihtoehto, joka osoittaa, että sallimme tiedoston suorittamisen ohjelmana. Toinen mahdollisuus antaa sille tarvittavat käyttöoikeudet on avata pääte (Ctrl + Alt + T) ja mennä kansioon, johon se on tallennettu, ja kirjoittaa komento:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Tämän tekemisen jälkeen käynnistääksesi ohjelman sinun tarvitsee vain kaksoisnapsauttaa .AppImage-tiedostoa. Se voidaan käynnistää myös ajamalla terminaalissa:
./ResponsivelyApp-0.18.0.AppImage
Jos haluat asenna verkkoselaimen laajennukset, joiden avulla voit helposti lähettää linkkejä selaimesta sovellukseen ja saada välittömän esikatselunSinun tarvitsee vain mennä projektin lataussivulle ja selata verkon alaosaan. Sieltä löydämme laajennuksia Firefoxille, Chromelle tai Edgelle.
Kuten on osoitettu projektin GitHub-arkistoJos jollakin käyttäjällä on ongelmia sovelluksen käytössä, hän voi avata ongelman ja ilmoittaa siitä seuraavassa linkki. Jos haluat lisätietoja tästä projektista, käyttäjät voivat siirtyä osoitteeseen projektin verkkosivusto.