V následujícím článku se podíváme na aplikaci Responsively App. Jedná se o bezplatný vývojový nástroj, který najdeme dostupný pro Gnu / Linux, Microsoft Windows a macOS. Aplikace je upravený prohlížeč, který používá Electron a který zobrazí webovou aplikaci na několika zařízeních současně a v jediném okně umožňující interakci uživatele.
Jak jsem řekl, jedná se o upravený prohlížeč postavený s Elektron že může pomoci při responzivním vývoji webu. Tato aplikace byla poprvé publikována na začátku roku 2020 a již nyní je mezi webovými vývojáři poměrně oblíbená. Mnozí jej považují za nezbytný vývojový nástroj pro všechny front-endové vývojáře, protože může značně usnadnit práci.
Obecná charakteristika aplikace Responsively APP
- Interakce provedené uživatelem budou duplikovány na všech zařízeních. Akce (jako klikání, rolování atd.), které provádíme v jednom ze zařízení, budou replikovány ve všech ostatních v reálném čase. Tuto možnost lze zakázat na jednom nebo všech zařízeních, která jsme povolili.
- Nám umožní to stanovit rozmístění zařízení, podle toho, co potřebujeme.
- Najdeme více než 30 vestavěných profilů zařízení s možností přidat vlastní zařízení. Patří mezi ně speciální zařízení pro režim odezvy pro libovolnou změnu velikosti obrazovky.
- Program nám to dá prohlédněte si jakoukoli položku na libovolném zařízení jediným kliknutím.
- Můžeme pořídit snímek celé stránky všech zařízení nebo konkrétního zařízení.
- To může automatické opětovné načtení na všech zařízeních v reálném čase při každém uložení HTML / CSS / JS.
- Aplikace také iZahrnuje živý CSS editor, a designový režim, který umožňuje uživatelům upravovat HTML přímo bez vývojových nástrojů. Má také možnosti emulace rychlosti sítě, zoom, deaktivaci ověřování SSL a podporu různých protokolů a mnoha dalších věcí.
- také najdeme podporu síťového proxy, světlá a tmavá témata.
- Program nám nabídne řadu klávesové zkratky usnadnit práci.
- Můžeme také použít volitelná rozšíření prohlížeče (pro Chrome, Firefox a Edge), které se používají ke snadnému odesílání odkazů z webového prohlížeče do aplikace Responsively App a okamžitému zobrazení náhledu stránky.
To jsou jen některé z funkcí tohoto programu. Může být konzultovat všechny podrobně z webové stránky projektu.
Stáhněte si aplikaci Responsive App
Tuto aplikaci lze nalézt k dispozici pro použití v Ubuntu jako soubor AppImage. Tento soubor můžeme ji najít k dispozici pro vás stáhnout na webu projektu. Kromě stahování z webového prohlížeče můžeme také otevřít terminál (Ctrl + Alt + T) a spustit wget následujícím způsobem, abychom si stáhli nejnovější verzi, která byla dnes zveřejněna:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Chcete-li použít soubor AppImage, který jsme právě stáhli, klikněte pravým tlačítkem na tento soubor, vyberte Vlastnosti a v části Oprávnění hledejte možnost, která označuje, že povolujeme spouštět soubor jako program. Další možností, jak mu udělit potřebná oprávnění, bude otevřít terminál (Ctrl + Alt + T) a přejít do složky, kde to máme uložené, a napsat příkaz:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Po provedení tohoto pro spuštění programu stačí dvakrát kliknout na soubor .AppImage. Lze jej také spustit spuštěním v terminálu:
./ResponsivelyApp-0.18.0.AppImage
Pokud chcete, aby nainstalujte si rozšíření pro webový prohlížeč, pomocí kterých můžete snadno odesílat odkazy z prohlížeče do aplikace a získat okamžitý náhledJediné, co musíte udělat, je přejít na stránku stahování projektu a posunout se dolů na konec webu. Tam najdeme rozšíření pro Firefox, Chrome nebo Edge.
Jak je uvedeno z úložiště projektu GitHubPokud má některý uživatel problémy s používáním aplikace, může problém otevřít a nahlásit jej v následujícím textu odkaz. Pro více informací o tomto projektu mohou uživatelé přejít na webové stránky projektu.