A következő cikkben a Responsively alkalmazást tekintjük át. Ez egy ingyenes fejlesztőeszköz, amely elérhető Gnu/Linux, Microsoft Windows és macOS rendszerekhez. Az alkalmazás az egy módosított böngésző, amely Electront használ, és amely egy webalkalmazást jelenít meg egyszerre több eszközön, egyetlen ablakban, lehetővé téve a felhasználói interakciót.
Ahogy mondtam, ez egy módosított böngésző, amivel készült Elektron hogy segítségére lehet a reszponzív webfejlesztésben. Ezt az alkalmazást először 2020 elején tették közzé, és már nagyon népszerű a webfejlesztők körében. Sokan minden front-end fejlesztő számára kötelező fejlesztőeszköznek tartják, mivel nagyban megkönnyítheti a munkát.
A Responsively APP általános jellemzői
- A felhasználó által végzett interakciók minden eszközön megkettőződnek. Egy bevetés (mint a kattintás, görgetés stb.), amelyet az egyik eszközben végrehajtunk, valós időben replikálódik az összes többiben. Ez az opció letiltható egy vagy az összes általunk engedélyezett eszközön.
- Nekünk lehetővé teszi az eszközök elhelyezésének megállapítását, aszerint, hogy mire van szükségünk.
- Meg fogjuk találni több mint 30 beépített eszközprofil, egyéni eszközök hozzáadásának lehetőségével. Ezek közé tartozik a speciális válaszmódú eszköz a képernyő szabad átméretezéséhez.
- A program lehetőséget ad számunkra egyetlen kattintással ellenőrizheti bármelyik elemet bármely eszközön.
- Tudunk készítsen egy teljes oldalas képernyőképet az összes eszközről vagy egy adott eszközről.
- Ez lehet automatikus újratöltés minden eszközön valós időben minden HTML / CSS / JS mentésnél.
- Az alkalmazás is iTartalmaz egy élő CSS-szerkesztőt, és tervezési mód, amely lehetővé teszi a felhasználók számára a HTML szerkesztését közvetlenül, fejlesztői eszközök nélkül. Számos egyéb mellett hálózati sebesség-emulációs lehetőségekkel, nagyítással, SSL-ellenőrzés letiltásával és különféle protokollok támogatásával is rendelkezik.
- is hálózati proxy támogatást, világos és sötét témákat találunk.
- A program egy sorozatot kínál számunkra billentyűparancsok a munka megkönnyítése érdekében.
- Használhatjuk is opcionális böngészőbővítmények (Chrome, Firefox és Edge számára), amelyek segítségével egyszerűen küldhet linkeket a webböngészőből a Responsively alkalmazásba, és azonnal megtekintheti az oldal előnézetét.
Ez csak néhány jellemzője ennek a programnak. Ők tudnak részletesen konzultáljon mindegyikkel az projekt honlapja.
Töltse le a Responsive alkalmazást
Ez az alkalmazás elérhető az Ubuntuban AppImage fájlként. Ez a fájl megtaláljuk az Ön számára letöltés a projekt weboldaláról. A webböngészőből való letöltés mellett egy terminált (Ctrl + Alt + T) is megnyithatunk, és a wget futtatásával a következő módon tölthetjük le a ma megjelent legújabb verziót:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Az imént letöltött AppImage fájl használatához kattintson a jobb gombbal erre a fájlra, válassza a Tulajdonságok lehetőséget, és az Engedélyek alatt, keresse meg azt az opciót, amely azt jelzi, hogy engedélyezzük a fájl programként való futtatását. Egy másik lehetőség a szükséges engedélyek megadására az lesz, ha megnyitunk egy terminált (Ctrl + Alt + T), és belépünk abba a mappába, ahová mentettük, és kiírjuk a parancsot:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Miután ezt megtette, a program elindításához duplán kell kattintania az .AppImage fájlra. Terminálban való futtatással is elindítható:
./ResponsivelyApp-0.18.0.AppImage
Ha azt szeretné, telepítse a webböngésző bővítményeit, amelyek segítségével egyszerűen küldhet linkeket a böngészőből az alkalmazáshoz, és azonnali előnézetet kaphatCsak annyit kell tennie, hogy felkeresi a projekt letöltési oldalát, és görgessen le a web aljára. Ott megtaláljuk a Firefox, Chrome vagy Edge bővítmények.
Amint azt a projekt GitHub-tárházaHa bármely felhasználónak problémái vannak az alkalmazás használatával, megnyithatja a problémát, és jelentheti azt a következőkben link. A projekttel kapcsolatos további információkért a felhasználók felkereshetik a projekt honlapja.