У наступній статті ми розглянемо додаток Responsively. Це безкоштовний інструмент розробки, який ми можемо знайти для Gnu / Linux, Microsoft Windows і macOS. Додаток є модифікований браузер, який використовує Electron, і який відображатиме веб-додаток на кількох пристроях одночасно та в одному вікні, що дозволяє взаємодіяти з користувачем.
Як я вже говорив, це модифікований браузер, створений з електрон що може допомогти в адаптивній веб-розробці. Ця програма була вперше опублікована на початку 2020 року і вже досить популярна серед веб-розробників. Багато хто вважає його обов’язковим інструментом розробки для всіх front-end розробників, оскільки він може значно полегшити роботу.
Загальні характеристики 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, який ми щойно завантажили, просто клацніть цей файл правою кнопкою миші, виберіть «Властивості» та в розділі «Дозволи» знайдіть параметр, який вказує, що ми дозволяємо запускати файл як програму. Іншою можливістю надати йому необхідні дозволи буде відкрити термінал (Ctrl + Alt + T) і перейти до папки, де ми його збережемо, і написати команду:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Зробивши це, Щоб запустити програму, вам просто потрібно двічі клацнути на файлі .AppImage. Його також можна запустити, запустивши в терміналі:
./ResponsivelyApp-0.18.0.AppImage
Якщо ви хочете, встановіть розширення для веб-браузера, за допомогою яких ви можете легко надсилати посилання зі свого браузера на програму та отримати миттєвий попередній переглядВсе, що вам потрібно зробити, це перейти на сторінку завантаження проекту та прокрутити вниз донизу Інтернету. Там ми знайдемо розширення для Firefox, Chrome або Edge.
Як зазначено з сховище проекту GitHubЯкщо у будь-якого користувача виникають проблеми з використанням програми, вони можуть відкрити проблему та повідомити про неї нижче посилання. Для отримання додаткової інформації про цей проект користувачі можуть перейти на сторінку веб-сайт проекту.