Responsively App é um navegador para desenvolvimento web rápido e responsivo (código livre e aberto)

30 de novembro de 2021

Responsively App é uma ferramenta de código aberto e livre para desenvolvimento Web responsivo, disponível para Linux, Microsoft Windows e macOS. É um navegador modificado que usa o Electron, que mostra um aplicativo web em vários dispositivos ao mesmo tempo e em uma única janela com interações espelhadas do usuário, DevTools e muito mais.

O aplicativo teve seu primeiro lançamento público em março de 2020, e já é bastante popular, mas eu só recentemente me deparei com ele e pensei em compartilhá-lo com você.

Principais recursos do Aplicativo responsivamente:

• Interações de usuário espelhadas em todos os dispositivos: uma ação (como clique, rolagem, etc.) realizada em um dispositivo é espelhada em todos os outros dispositivos
• Layout de visualização personalizável
• Um único inspetor de elementos para todos os dispositivos em pré-visualização
• 30+ perfis de dispositivos incorporados com opção de adicionar dispositivos personalizados(incluindo um dispositivo de modo responsivo especial para redimensionar livremente uma tela)
• Captura de tela de um clique em todos os seus dispositivos (capturas de tela de página inteira de todos os dispositivos ou apenas um único dispositivo)
• Recarga automática para todos os dispositivos em tempo real para cada salvamento de HTML/CSS/JS

O aplicativo também inclui um editor CSS ao vivo, modo de toque, modo de design que permite que os usuários editem HTML diretamente sem ferramentas de desenvolvimento, opções de emulação de velocidade de rede, zoom, validação SSL desativada e suporte para vários protocolos (file://, ftp://, etc.), e muito, muito mais.

Usando o Responsively App, você também recebe suporte a proxy de rede, temas claros e escuros e teclas de atalho.

Há também extensões opcionais do navegador (para Chrome, Firefox e Edge) que você pode usar para enviar facilmente links do seu navegador para o Responsively App para visualizar instantaneamente.

No futuro, o plano é adicionar recursos como métricas incorporadas do Lighthouse, guias do navegador e uma galeria de captura de tela, entre muitas outras melhorias e ajustes.

Também vale a pena notar que, embora existam algumas alternativas ao Responsively App, como Polypane ou Sizzy, a maioria delas são de origem fechada/paga. Pelo que pude encontrar, o Responsively App é o único que é gratuito e de código aberto, pensei que eu poderia ter perdido algum aplicativo.

Quanto aos pacotes Linux, o Responsively App é empacotado como um RPM para Fedora, openSUSE, etc., e como um AppImage, que deve funcionar na maioria das distribuições Linux.

Baixando o Responsively App

Responsively App

Para usar o AppImage no Linux, clique com o botão direito do mouse, escolha Properties e sob Permissions, procure uma opção para permitir a execução do arquivo como um programa (isso varia entre os gerenciadores de arquivo). Em seguida, para lançá-lo, basta clicar duas vezes no arquivo .AppImage.