W poniższym artykule przyjrzymy się aplikacji Responsively, czyli darmowemu narzędziu programistycznemu dostępnemu dla systemów Gnu/Linux, Microsoft Windows i macOS. Aplikacja jest zmodyfikowana przeglądarka wykorzystująca Electron, która pokaże aplikację internetową na kilku urządzeniach jednocześnie i w jednym oknie, umożliwiając interakcję użytkownika.
Jak już mówiłem, jest to zmodyfikowana przeglądarka zbudowana z Elektron oferuje nasz konfigurator może pomóc w responsywnym tworzeniu stron internetowych. Ta aplikacja została po raz pierwszy opublikowana na początku 2020 roku i jest już dość popularna wśród twórców stron internetowych. Wielu uważa to za niezbędne narzędzie programistyczne dla wszystkich programistów front-end, ponieważ może znacznie ułatwić pracę.
Ogólna charakterystyka Responsywnie APP
- Interakcje wykonane przez użytkownika zostaną zduplikowane na wszystkich urządzeniach. Akcja (jak klikanie, przewijanie itp.), które przeprowadzamy w jednym z urządzeń, będą replikowane we wszystkich pozostałych w czasie rzeczywistym. Tę opcję można wyłączyć na jednym lub wszystkich włączonych przez nas urządzeniach.
- Nam pozwoli to ustalić rozmieszczenie urządzeń, zgodnie z potrzebami.
- My znajdziemy ponad 30 wbudowanych profili urządzeń, z możliwością dodawania własnych urządzeń. Należą do nich specjalne urządzenie trybu reakcji, które umożliwia swobodne zmienianie rozmiaru ekranu.
- Program da nam możliwość: sprawdź dowolny element na dowolnym urządzeniu za pomocą jednego kliknięcia.
- Możemy zrób zrzut ekranu całej strony wszystkich urządzeń lub określonego urządzenia.
- można automatyczne przeładowanie na wszystkich urządzeniach w czasie rzeczywistym po każdym zapisaniu HTML / CSS / JS.
- Aplikacja również jaZawiera edytor CSS na żywo, i tryb projektowania, który umożliwia użytkownikom bezpośrednią edycję kodu HTML bez narzędzi programistycznych. Posiada również opcje emulacji prędkości sieci, powiększanie, wyłączanie walidacji SSL i obsługę różnych protokołów, między innymi.
- również znajdziemy obsługę proxy sieci, jasne i ciemne motywy.
- Program zaoferuje nam serię skróty klawiaturowe aby ułatwić pracę.
- Możemy również użyć opcjonalne rozszerzenia przeglądarki (dla Chrome, Firefox i Edge), które służą do łatwego wysyłania linków z przeglądarki internetowej do aplikacji Responsive i natychmiastowego podglądu strony.
To tylko niektóre z funkcji tego programu. Mogą zapoznaj się z nimi szczegółowo z witryna projektu.
Pobierz Responsywnie Aplikację
Ta aplikacja jest dostępna do użycia w Ubuntu jako plik AppImage. Ten plik możemy go znaleźć dla Ciebie pobierz na stronie projektu. Oprócz pobierania z przeglądarki internetowej możemy również otworzyć terminal (Ctrl + Alt + T) i uruchomić wget w następujący sposób, aby pobrać najnowszą opublikowaną dzisiaj wersję:
wget https://github.com/responsively-org/responsively-app/releases/download/v0.18.0/ResponsivelyApp-0.18.0.AppImage
Aby użyć właśnie pobranego pliku AppImage, po prostu kliknij ten plik prawym przyciskiem myszy, wybierz Właściwości i w obszarze Uprawnienia, poszukaj opcji, która wskazuje, że pozwalamy na uruchomienie pliku jako programu. Inną możliwością nadania mu niezbędnych uprawnień będzie otwarcie terminala (Ctrl + Alt + T) i przejście do folderu, w którym go zapisano, i napisanie polecenia:
sudo chmod a+x ResponsivelyApp-0.18.0.AppImage
Po wykonaniu tej czynności aby uruchomić program, wystarczy dwukrotnie kliknąć plik .AppImage. Można go również uruchomić, uruchamiając w terminalu:
./ResponsivelyApp-0.18.0.AppImage
Jeśli chcesz zainstaluj rozszerzenia do przeglądarki internetowej, dzięki którym w łatwy sposób prześlesz linki z przeglądarki do aplikacji i uzyskasz natychmiastowy podglądWszystko, co musisz zrobić, to przejść do strony pobierania projektu i przewinąć na sam dół sieci. Tam znajdziemy rozszerzenia dla przeglądarki Firefox, Chrome lub Edge.
Jak wskazano z repozytorium projektu GitHubJeśli jakikolwiek użytkownik ma problemy z korzystaniem z aplikacji, może otworzyć problem i zgłosić go w następujący sposób powiązanie. Aby uzyskać więcej informacji o tym projekcie, użytkownicy mogą przejść do witryna projektu.