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.
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.
- Chrome DevTools
- Ferramentas de desenvolvedor do IE11 http://msdn.microsoft.com/en-us/library/ie/dn255001(v=vs.85).aspx
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.
- Safari – acione seu XCode e selecione iOS Simulator no menu XCode.
- Opera – http://www.opera.com/developer/mobile-emulator
- IE – http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff402563(v=vs.105).aspx
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.
- Chrome – https://developers.google.com/chrome-developer-tools/docs/remote-debugging
- Firefox – https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
- Opera – http://www.opera.com/dragonfly/documentation/remote/
- IE – http://msdn.microsoft.com/en-us/library/windows/hardware/br230785.aspx
- WinRE – depuração remota uniforme para todos os navegadores baseados em Webkit http://people.apache.org/~pmuellr/weinre/docs/latest/
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.
- Sincronização do navegador – Fácil de instalar e de uso gratuito também! https://github.com/shakyShane/browser-sync
- GhostLab – aplicativo premium para teste de sincronização móvel com seu próprio inspetor. http://vanamco.com/ghostlab/