В следващата статия ще разгледаме приложението Responsively. Това е безплатен инструмент за разработка, който можем да намерим наличен за Gnu / Linux, Microsoft Windows и macOS. Приложението е модифициран браузър, който използва Electron и който ще показва уеб приложение на няколко устройства едновременно и в един прозорец, позволяващ взаимодействие на потребителя.
Както казах, това е модифициран браузър, създаден с Електрон че може да бъде от помощ при адаптивна уеб разработка. Това приложение беше публикувано за първи път в началото на 2020 г. и вече е доста популярно сред уеб разработчиците. Мнозина го смятат за задължителен инструмент за разработка за всички предни разработчици, тъй като може значително да улесни работата.
Общи характеристики на Responsively APP
- Взаимодействията, направени от потребителя, ще бъдат дублирани на всички устройства. Действие (като щракване, превъртане и т.н.), които извършваме в едно от устройствата, ще бъдат репликирани във всички останали в реално време. Тази опция може да бъде деактивирана на едно или всички устройства, които сме активирали.
- Ни ще позволи да се установи разположението на устройствата, според това, от което се нуждаем.
- Ние ще намерим над 30 вградени профила на устройства, с опция за добавяне на персонализирани устройства. Те включват специалното устройство за режим на реакция за свободно преоразмеряване на екрана.
- Програмата ще ни даде възможност да инспектирайте всеки елемент на всяко устройство, като използвате само едно щракване.
- Можем направете екранна снимка на цяла страница на всички устройства или конкретно устройство.
- Можете да автоматично презареждане на всички устройства в реално време при всяко записване на HTML / CSS / JS.
- Приложението също iВключва CSS редактор на живо, и режим на проектиране, което позволява на потребителите да редактират директно HTML без инструменти за разработка. Освен това има опции за емулация на скоростта на мрежата, увеличение, деактивиране на валидирането на SSL и поддръжка за различни протоколи, наред с много други неща.
- също ще намерим поддръжка на мрежови прокси, светли и тъмни теми.
- Програмата ще ни предложи поредица от клавишни комбинации за улесняване на работата.
- Можем също да използваме допълнителни разширения на браузъра (за Chrome, Firefox и Edge), които се използват за лесно изпращане на връзки от уеб браузъра към приложението Responsively и незабавно получаване на визуализация на страницата.
Това са само някои от характеристиките на тази програма. Те могат консултирайте се с всички подробно от уебсайт на проекта.
Изтеглете приложението Responsively
Това приложение може да се намери достъпно за използване в Ubuntu като файл AppImage. Този файл можем да го намерим на разположение за вас изтегляне на уебсайта на проекта. В допълнение към изтеглянето от уеб браузъра, можем също да отворим терминал (Ctrl + Alt + T) и да стартираме wget по следния начин, за да изтеглим най-новата версия, публикувана днес:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
За да използвате файла AppImage, който току-що изтеглихме, просто щракнете с десния бутон върху този файл, изберете Properties и под Разрешения, потърсете опцията, която показва, че разрешаваме да стартираме файла като програма. Друга възможност да му дадем необходимите разрешения е да отворим терминал (Ctrl + Alt + T) и да отидем в папката, в която сме го записали, и да напишем командата:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
След като направи това, за да стартирате програмата, просто трябва да щракнете двукратно върху файла .AppImage. Може да се стартира и чрез стартиране в терминал:
./ResponsivelyApp-0.18.0.AppImage
Ако искате инсталирайте разширенията за уеб браузъра, с които можете лесно да изпращате връзки от браузъра си към приложението и да получите незабавен прегледВсичко, което трябва да направите, е да отидете на страницата за изтегляне на проекта и да превъртите надолу до края на мрежата. Там ще намерим разширения за Firefox, Chrome или Edge.
Както е посочено от хранилището на GitHub на проектаАко някой потребител има проблеми с използването на приложението, той може да отвори проблем и да докладва за него по-долу връзка. За повече информация относно този проект потребителите могат да отидат на уебсайт на проекта.