Firebug como depuração no Android
Eu vi vários posts que falam sobre a depuração remota do código javascript no Android, mas todos eles erram o ponto do que eu estou tentando fazer.
Eu tenho um Nexus 7 e quero usá-lo como um ambiente de desenvolvimento remoto quando estou longe do meu desktop. Eu criei uma distribuição debian chrooted para executar apache e php e git (via ssh). Este ambiente chrooted monta uma sub-pasta da pasta /sdcard de fora do chroot environement. Raiz do documento Apache de uma máquina virtual está apontando para um diretório dentro disso. Antes de sair do desktop eu posso git empurrar a última liberação para o tablet. Quando eu voltar git pull pode obter o que eu fiz de volta.
eu então (quando estiver longe de casa e não estiver ligado a nenhuma rede) posso editar o código usando um editor Android (usando o editor de texto 920), mas depois executar o navegador para ver o que eu desenvolvi usando localhost, a máquina virtual apache pega isto e mostra-o.
a aplicação I am desenvolvimento não é para ANDROID - é, em última análise, para o desktop. Mas eu quero ser capaz de depurar como eu estava no desktop. Breakpoints e single steping são a coisa principal, mas também eu tendem a usar a seção html no firebug para ajustar o meu CSS antes de editá-lo.
Existe uma maneira de fazer com que as ferramentas de desenvolvimento chrome ou firebug adicionem para o firefox para carregar num navegador que irá correr no android?
2 answers
USO O favorito do Firebug lite para iPhone e iPad, nunca experimentei no Android, vê isto {[[2]} http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone deve ser semelhante no Android.
Para o activar use estes passos:
- crie um novo favorito ou favorito numa página
- mudar o nome do marcador para"Firebug"
- copiar a ligação textarea:
Javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F. getElementById(b))return;E=F[i+'NS']&&F. documentElement.namespaceURI;E=E?Fi+'NS':Fi;Er;Er;Er;(Fe[0]||Fe[0]).appendChild(E);E=new%20Image;Er;})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
- edite a 'bookmarklet' do Firebug, remova o URL e cole o bookmarklet
- Escolha "feito" (no teclado virtual) e está tudo pronto
Pelo menos não para o Firefox Mobile, porque todos os devtools ainda são parcialmente baseados em XUL, onde o Firefox Mobile está usando UI nativos.
Acho que não há nenhum plano no futuro próximo para mudar esta situação, não é um cenário comum.No entanto, você deve ser capaz de fazer algo usando o depurador API, Criando um add-on para o Firefox Mobile. Mas não sei se vale a pena.