A coisa mais importante que você pode fazer para desenvolver a web a partir de seu dispositivo Android

Embora não haja comparação na facilidade de uso e produtividade entre o Android e o computador tradicional, independentemente do motivo que pode levá-lo a desenvolver a web usando seu dispositivo Android, às vezes você pode ter que usar um telefone / tablet Android para fazer algum trabalho de programação urgente, ou talvez em Casos excepcionais em que você é totalmente dependente dele, então deixe-me compartilhar com vocês um resumo da minha experiência no desenvolvimento web a partir do Android, quais são as melhores ferramentas disponíveis e os problemas mais importantes que você pode enfrentar.

 

Servidor local

Depois de experimentar vários aplicativos, resolvi usar um aplicativo servidor web palapaÉ um aplicativo fácil de usar que oferece suporte a Php e MySQL, além de MSMTP. Depois de instalar o aplicativo, você encontrará na memória do telefone uma pasta chamada pws que contém a pasta www onde você coloca seus arquivos de software, e para acessar seu site padrão digite no navegador o endereço: 127.0.0.1:8080

Para inserir as configurações do servidor através do navegador, use o endereço 127.0.0.1:9999 (o nome de usuário é admin e a senha é admin). Para Phpmyadmin, você pode baixá-lo em Seu site oficial E descompacte-o na pasta pws e acesse-o através do navegador através do endereço: 127.0.0.1:9999/phpmyadmin (nome de usuário root e senha adminadmin).

Editor de Código

Após uma longa visita aos vários editores disponíveis, decidi usar um editor QuodaComo posso dizer com segurança que é o melhor editor de código de software disponível para Android hoje, e aqui estão alguns de seus recursos:

  • Suporte para várias linguagens de programação (html, css, javascript, php ... etc).
  • Numeração de linha e coloração de código.
  • Suporte para vários formatos de codificação de arquivo.
  • Suporte FTP (na versão paga, mais de uma conta FTP pode ser adicionada, além do suporte para Dropbox e Google Drive)
  • Autocomplete (apenas versão paga).
  • Visualização instantânea de dentro do aplicativo.
  • Seletor de cores hexa.
  • Ele não exibe anúncios na versão gratuita.
  • Suporta atalhos de teclado físicos caso eles estejam conectados ao tablet.

Portanto, se você estiver usando um tablet de tela grande (10 polegadas) com um teclado externo e uma versão paga do aplicativo, garanto que terá uma experiência um tanto semelhante ao escrever códigos em um laptop.

Aplicativo FTP

Embora eu tenha o Ftp incluído no aplicativo de codificação do Quoda, prefiro usar oCliente turboVocê pode carregar uma pasta inteira e ela também contém um editor de código simples que pode ser usado para edição rápida de arquivos.

Altere o tamanho do navegador

Como você sabe, os aplicativos Android ocupam o tamanho da tela inteira e nós, como desenvolvedores, precisamos visualizar o design em diferentes dimensões de tela (celular, tablet, tela de laptop ... etc.), para resolver esse problema eu escrevi um script simples que exibe o site no IFrame e você pode fazer um script para controlar as dimensões do IFrame De acordo com seu desejo.

Para baixar o script daqui.

Visualização em outros navegadores

Para visualizar a aparência do seu site em outros navegadores, você pode usar o browserstack Que oferece capturas de tela do seu site em diferentes navegadores gratuitamente (apenas para a área acima), ou você pode se inscrever no serviço pago e visualizar seu site em diferentes navegadores (há um período de teste).

Veja o código-fonte de uma página

Esta pode ser uma das etapas mais simples ao usar um computador, onde você pode acessar o código-fonte Html com um clique em qualquer navegador. Infelizmente, os navegadores Android não oferecem esse recurso, mas a boa notícia é que o aplicativo VT ver fonte Ele executa essa tarefa e, após a instalação, tudo o que você precisa fazer é compartilhar a página do navegador com o aplicativo, para obter o código-fonte com a capacidade de salvá-lo em um arquivo separado.

O aplicativo Quoda também oferece esse recurso (no menu de configurações, selecione baixar o código-fonte e insira o link da página necessária).

e se você? Você tem experiência anterior em desenvolvimento web para Android e conhece outros aplicativos úteis? Compartilhe sua experiência conosco nos comentários.

Ir para o botão superior