risposta-alla-domanda-sullo-sviluppo-web-bd.com

Esiste una specie di debug della console Firebug o JavaScript per Android?

Sto sviluppando un sito Web per dispositivi mobili. Funziona su desktop Firefox. Funziona su iPhone, ma quando premo un pulsante su Android 2.x (e forse inferiore). Il mio codice JavaScript si arresta in modo anomalo o cos'altro ...

Posso accedere al logger o alla console JavaScript per quei dispositivi?

Il meglio dovrebbe essere una specie di applicazione Firebug.

67

Un'opzione è weinre . Fornisce l'editing DOM & Style insieme alla console. Se non vuoi configurarlo da solo, c'è un'istanza ospitata su http://debug.phonegap.com

L'altra opzione è JSHybugger . È sicuramente l'ambiente di debug più completo disponibile per Android. È un prodotto a pagamento, ma probabilmente ne vale la pena.

45
Paul Beusterien

Chrome ha una funzione molto bella chiamata "Debug Web USB" che consente di vedere la console di debug del dispositivo mobile sul PC quando è collegato tramite USB.

Vedi qui per maggiori dettagli.

EDIT: sembra che ADB non sia supportato su Windows 8, ma questo collegamento sembra fornire una soluzione:

http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/

34
seeg

Puoi digitare about:debug in alcuni browser mobili per richiamare una console JavaScript.

12
NSjonas

A volte stampo l'output di debug nella finestra del browser. Utilizzando jQuery , è possibile inviare messaggi di output a un'area di visualizzazione sulla pagina:

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

Oppure se vuoi guardare le variabili JavaScript senza aggiungere un'area di visualizzazione alla tua pagina:

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}
7
mbokil

Ho avuto lo stesso problema , basta usare console.log(...) (come firebug) e installare un'applicazione visualizzatore log, questo ti permetterà di visualizzare tutti i log per il tuo browser.

3
Rory

Stiamo seguendo i passaggi seguenti nel nostro progetto per il debug di un sito Web su dispositivi mobili.

  1. Installa il software mobogenie su dispositivi mobili e desktop (entrambi hanno la stessa versione).
  2. Apri il tuo sito nel dispositivo mobile Google Chrome.
  3. Apri Google Chrome sul desktop. Vai a Opzione -> Altre opzioni -> Ispeziona dispositivo.
  4. Qui trovi un elenco di siti che sono aperti su dispositivi mobili e fai clic su Ispeziona per ottenere la console JavaScript che desideri.
2
chirag

Se stai stai usando Cordova 3.3 o versioni successive e il tuo dispositivo è in esecuzione Android = 4.4 o versione successiva puoi utilizzare "Debug remoto su Android con Chrome". Le istruzioni complete sono disponibili qui:

https://developer.chrome.com/devtools/docs/remote-debugging

In sintesi:

  • Collegare il dispositivo al computer desktop tramite un cavo USB
  • Abilita il debug USB sul tuo dispositivo (sul mio dispositivo si trova in Impostazioni> Altro> Opzioni sviluppatore> Debug USB)

O, se stai usando Cordova 3.3+ e non hai un dispositivo fisico con 4.4, puoi utilizzare un emulatore che utilizza Android 4.4+ per eseguire l'applicazione tramite l'emulatore, sul computer desktop.

  • Esegui l'applicazione Cordova sul dispositivo o sull'emulatore
  • In Chrome sul tuo computer desktop, inserisci chrome: // inspect/# devices nella barra degli indirizzi
  • Il tuo dispositivo/emulatore verrà visualizzato insieme a qualsiasi altro dispositivo riconosciuto connesso al tuo computer e sotto il tuo dispositivo ci saranno i dettagli di Cordova "WebView" (fondamentalmente la tua app Cordova), che è in esecuzione sul dispositivo/emulatore ( il modo in cui Cordova funziona è che fondamentalmente crea una finestra 'browser' sul tuo dispositivo/emulatore, all'interno della quale c'è un 'WebView' che è la tua app HTML/JavaScript in esecuzione)
  • Fai clic sul link "Ispeziona" nella sezione "WebView" in cui è visualizzato il tuo dispositivo/emulatore. In questo modo vengono visualizzati gli strumenti Chrome che ora consentono di eseguire il debug dell'applicazione.
  • Seleziona la scheda "fonti" del Chrome strumenti di sviluppo per visualizzare JavaScript che l'app Cordova sul dispositivo/emulatore è attualmente in esecuzione. Puoi aggiungere punti di interruzione nel JavaScript che ti consentono di eseguire il debug del codice .
  • Inoltre, puoi utilizzare la scheda "console" per visualizzare eventuali errori (che verranno visualizzati in rosso), oppure nella parte inferiore della console vedrai un prompt ">". Qui è possibile digitare qualsiasi variabile o oggetto (ad es. Oggetti DOM) di cui si desidera controllare il valore corrente e il valore verrà visualizzato.
1
Chris Halcrow

Puoi provare YConsole a js console integrata. È leggero e semplice da usare.

  • Registri di cattura ed errori.
  • Editor di oggetti.

Come usare :

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>
1
yorg

"Debug Web USB" è un'opzione

"stampandolo sullo schermo" un altro.

Ma preferisco il debug remoto tramite ' Adobe Edge inspect ' formalmente noto come Adobe shadow . Utilizza weinre internamente (= WEb INspect REmote)

Basta installarlo + un piccolo plug-in nel browser (Chrome) e un'app gratuita che puoi scaricare nel Play Store. Quindi hai tutti gli strumenti come Chrome Strumenti di sviluppo.

Ha anche il supporto per iOS e Kindle Fire

Update

Come notato da Chris, è necessario pagare un abbonamento per utilizzare Edge Inspect. Un'alternativa economica è usare direttamente weinre, è la base di Edge inspect. Ecco un articolo su come configurarlo.

1
VDP

Ho installato il componente aggiuntivo console di Firefox ( https://addons.mozilla.org/en-US/Android/addon/console/ ) sul mio browser Firefox su Android e ha funzionato abbastanza bene. Mi ha aiutato a eseguire il debug della mia app angular2.

1
Sacky San

Ho anche cercato una semplice sostituzione della console, solo per scaricare il testo. Quindi quello che ho fatto è stata questa funzione:

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

Il telecomando PHP ha registrato tutto l'output in un database in arg. Mi ci sono voluti 5 minuti (OK, sul lato server ho usato una semplice libreria di registrazione che registra e visualizza messaggi di testo, ma comunque ...).

0
Moshe Shaham

Se non ti dispiace inoltrare attraverso un server di terze parti, JSConsole è un debugger remoto piuttosto utile per JavaScript.

0
merv

03-12-2013 Google ha lanciato Chrome DevTools per dispositivi mobili , che consente agli sviluppatori il debug remoto applicazioni web mobili tramite emulazione e screen-casting con Configurazione zero .

Per tutte le funzionalità, controlla il discorso di Paul Irish su YouTube .

0
Farm

Di recente ho scritto uno strumento per mostrare i registri della console in una "finestra" mobile/ridimensionabile (in realtà un div). Fornisce funzionalità simili alla console di Firebug ma puoi vederlo sulla tua pagina su un tablet. Tablet/Smartphone/Phablet Debug Console

0
Gus T Butt

Prova js-mobile-console

MobileConsole può essere incorporato in qualsiasi pagina per il debug. Catturerà errori e si comporterà esattamente come la console JavaScript nativa nel browser. Emette anche tutti i log che hai scritto tramite un'API di window.console.

0
stevemao