2014-12-16 16 views
13

Posso eseguire correttamente il debug del front-end di un'applicazione Web in esecuzione su un dispositivo mobile utilizzando Google Chrome DevTools (chrome: // inspect) quando il mio dispositivo mobile utilizza il browser Chrome (utilizzando il port forwarding). Mi chiedevo se è possibile fare lo stesso utilizzando il browser nativo di Android, voglio dire l'unico browser preinstallato in Android quale lanciatore di applicazioni appare così, solo per essere più chiaro, :-):Come eseguire il debug del browser nativo di Android (non di Chrome) su un computer desktop?

enter image description here

C'è un modo per farlo? Perché quando apro una scheda con questo browser all'interno di chrome: // inspect ovviamente non ho la scheda aperta e non riesco a controllare il contenuto che il mio dispositivo sta visualizzando dal browser nativo.

Ho bisogno di un modo per farlo perché ho trovato alcuni problemi relativi all'interfaccia utente (CSS, JS) specificamente legati al browser nativo, in realtà tutti in chrome funzionano magnificamente, ma sul browser nativo no.

Ho anche provato a utilizzare weinre e l'ho trovato molto utile, ma posso usarlo solo nel contesto di una LAN, nel senso che devo legare il dispositivo con un indirizzo IP LAN e in realtà ho bisogno di accedere a l'applicazione web da http://localhost (come avviene in Chrome DevTools con port forwarding) perché utilizzo un software lato server che si basa strettamente solo su localhost (non è mio, non lo farei se potessi).

Quindi, c'è un modo per farlo sul browser nativo predefinito Android? Usando weinre e/o Chrome DevTools?

Grazie per l'attenzione!

P.S .: So che il browser Android non è più nativo da Android 4.4, comunque, ne avrei bisogno per compatibilità, se, naturalmente, è possibile (dovrebbe essere, suppongo).

+1

Contro quale versione stai cercando di eseguire il debug di questo? –

+0

Intendi quale versione di Android utilizzo? La mia versione di Android è la 4.1.2, è un po 'vecchia, ma devo ammettere che ho fatto il root del dispositivo e che non si aggiorna più, vorrei aggiornarlo ma quando lo provo dice che l'aggiornamento non può essere fatto. Il browser è quello che è stato pre-bundled con quella versione. Dal momento che siamo in tema, c'è un modo per aggiornare un Android rooted? – tonix

+0

Indipendentemente dal rooting, è possibile installare un aggiornamento ufficiale solo se ne esiste uno. Data la versione relativamente datata, probabilmente è probabile che non sia più supportata. Si potrebbe provare comunque una build non ufficiale di una versione più recente. –

risposta

0

Puoi usare chrome: // ispezionare anche per questo, assicurati solo che il tuo browser nativo sia in esecuzione poiché non puoi avviarlo come puoi cromato da quella pagina.

Inoltre, se non viene visualizzato nell'elenco utilizzando adb per elencare, i dispositivi di solito lo risolvono.

adb devices 

Per un'istruzione completa si dovrebbe guardare la documentazione Android su questo argomento https://developer.chrome.com/devtools/docs/remote-debugging

+1

Sospetto che funzioni solo dal 4.4 in poi. –

+0

Grazie per il collegamento, ho già dato un'occhiata ad esso prima, comunque – tonix

+0

Ho avuto strumenti di sviluppo lavorando sul mio LGG3 5.0.1. Ma poi nella settimana del 4-5-2015 ho aggiornato il componente del browser e ora tutto quello che vedo quando uso gli strumenti di sviluppo è una finestra di ispezione vuota. So che questo non aiuta molto ma ho avuto strumenti di sviluppo che funzionano su Android 4.4+ senza modifiche alla configurazione. – Delconis

1

È possibile utilizzare gli strumenti di sviluppo Chrome per eseguire il debug di un sito web mobile in esecuzione nel browser stock Android, in modo simile che puoi eseguire il debugging quando il sito web è in esecuzione su Chrome per Android:

Se non lo hai già fatto, segui tutti i passaggi nella risposta accettata qui, per abilitare il debug utilizzando gli strumenti di sviluppo di Chrome (sul tuo computer desktop) :

Chrome DevTools Devices does not detect device when plugged in

  • Ora, con il dispositivo collegato al computer, aprire la pagina web nel browser stock Android. Vai agli strumenti di sviluppo di Chrome, dove dovresti vedere il tuo dispositivo connesso, e dovresti vedere qualcosa del genere (con il solito pulsante "inspect" sul lato destro). Fai clic sul pulsante "controlla" e sei pronto - puoi eseguire il debug del browser Android di riserva utilizzando gli strumenti di sviluppo di Chrome!

enter image description here

+0

Sull'emulatore 4.1 mostra "Nessun browser rilevato" sebbene il dispositivo sia visibile nell'elenco Dispositivi. – JustAMartin

+0

Non sono sicuro di cosa intendi esattamente. Puoi sollevare una domanda per questo incluso uno screenshot e postare un link alla domanda qui come commento? Hai fatto clic sul dispositivo dall'elenco dei dispositivi? –

+0

Sì, l'ho fatto clic e il browser dell'emulatore è in esecuzione, un sito Web viene caricato lì. Ecco cosa mostra Chrome: https://i.imgur.com/UJHCJjt.png Forse l'emulatore Android 4.1 (livello API 16) è davvero troppo vecchio per il debugger remoto di Chrome. – JustAMartin

0

about:debug opere per console JavaScript almeno. Mi ha aiutato a capire perché è rotto su quei browser nativi, basati su WebView e limitati.