Responsively App è uno strumento di sviluppo gratuito e open source per lo sviluppo web reattivo, disponibile per Linux, Microsoft Windows e macOS. È un browser modificato che utilizza Electron, che mostra un’app Web su più dispositivi contemporaneamente e in un’unica finestra con interazioni utente con mirroring, DevTools e altro.
L’applicazione ha avuto la sua prima versione pubblica nel marzo 2020 ed è già abbastanza popolare, ma ci sono capitato solo di recente e ho pensato di condividerla con te.
Principali caratteristiche dell’app Responsively:
- Interazioni utente con mirroring su tutti i dispositivi: un’azione (come clic, scorrimento, ecc.) eseguita su un dispositivo viene rispecchiata su tutti gli altri dispositivi
- Layout di anteprima personalizzabile
- Un unico elemento di ispezione per tutti i dispositivi in anteprima
- Oltre 30 profili di dispositivi integrati con possibilità di aggiungere dispositivi personalizzati (incluso uno speciale dispositivo in modalità reattiva per ridimensionare liberamente uno schermo)
- Screenshot con un clic di tutti i tuoi dispositivi (screenshot a pagina intera di tutti i dispositivi o solo un singolo dispositivo)
- Ricarica automatica per tutti i dispositivi in tempo reale per ogni salvataggio HTML / CSS / JS
L’applicazione include anche un editor CSS live, modalità touch, modalità di progettazione che consente agli utenti di modificare HTML direttamente senza strumenti di sviluppo, opzioni di emulazione della velocità di rete, zoom, disabilitare la convalida SSL e supporto per vari protocolli (file://
, ftp://
, ecc.) e molto altro ancora.
Utilizzando l’app Responsively, ottieni anche supporto proxy di rete, temi chiari e scuri e tasti di scelta rapida.
Potrebbe interessarti: Come abilitare la decodifica video con accelerazione hardware nei browser Google Chrome, Brave, Vivaldi e Opera su Debian, Ubuntu o Linux Mint
Esistono anche estensioni del browser opzionali (per Chrome, Firefox ed Edge) che puoi utilizzare per inviare facilmente collegamenti dal tuo browser Web all’app Responsively per l’anteprima istantanea.
In futuro, il piano è di aggiungere funzionalità come le metriche Lighthouse integrate, le schede del browser e una galleria di schermate, tra molti altri miglioramenti e modifiche.
Vale anche la pena notare che mentre ci sono alcune alternative all’app Responsively, come Polypane o Sizzy, la maggior parte di esse sono closed source/a pagamento. Da quello che ho trovato, Responsively App è l’unica che è gratuita e open source, ho pensato che potrei aver perso qualche app.
Per quanto riguarda i pacchetti Linux, Responsively App è impacchettata come RPM per Fedora, openSUSE, ecc. e come AppImage, che dovrebbe funzionare sulla maggior parte delle distribuzioni Linux.
Potrebbe interessarti anche: Salva pagine Web come singoli file HTML per l’utilizzo offline con Monolith (console)
Scarica l’app in modo reattivo
Per utilizzare l’AppImage su Linux, fai clic con il pulsante destro del mouse, scegli Properties
e sotto Permissions
, cerca un’opzione per consentire l’esecuzione del file come programma (questo varia tra i gestori di file). Quindi, per avviarlo, fai semplicemente doppio clic sul file .AppImage.