Ferramentas de desenvolvimento móvel

Poder desenvolver em navegadores móveis não é mais uma opção, é uma necessidade e, ultimamente, está se tornando uma exigência para desenvolvedores front-end. Desenvolver seus aplicativos apenas em navegadores de desktop e esperar pelo melhor não funcionará mais. Porque você vai acabar assim quando ligar ao seu telefone e ver um monte de lixo.

Cenário

Então, para evitar isso, vou apresentar algumas ferramentas que vão tornar sua vida muito mais fácil como desenvolvedor front-end para web / mobile. (Editar: a lista será atualizada à medida que vou descobrindo novas ferramentas;))

Simulação Móvel

Essas são ferramentas que permitem que o navegador do desktop imite o comportamento de seus equivalentes móveis.

Emulador de celular

Esses são os aplicativos / ferramentas que irão criar uma instância do dispositivo móvel com o navegador para teste.

Depuração Remota

Se você tem sua página servida no emulador de celular ou no próprio dispositivo. Se você quiser dar uma olhada no que está acontecendo no navegador, use a depuração remota.

Sincronização

Quando você tem mais de um punhado de dispositivos para testar, não vai querer rolar uma página uma dúzia de vezes para ver os efeitos em todos os dispositivos. Em vez disso, você deseja que as ações sejam sincronizadas, seja preenchendo um formulário ou clicando em um link.