I migliori strumenti di debug per JavaScript/xulrunner Development




firefox debug javascript (10)

'Alert (x);' era la tecnica principale per troppo tempo.

FireBug, come altri hanno già detto, è la via da seguire nel debug di FireFox.

l' IDE Aptana (basato su eclipse) ha fatto un po 'splash nella regione IDE javascript di recente.

Visual Studio 2008 contiene funzionalità di debug di javascript molto migliorate rispetto alle versioni precedenti.

Negli ultimi mesi ho iniziato il mio primo serio sviluppo di JavaScript, iniziando a sviluppare applicazioni XUL. Io uso Notepad ++ come mio editor, ma sono stato abbastanza sconvolto nel trovare (per quanto posso dire) che Venkman / Javascript Debugger è lo strumento per il debug. Sembra una scarsa sostituzione a Visual Studio per i linguaggi .Net.

Mi sto perdendo qualcosa? Quali sono i migliori strumenti e le migliori pratiche per lo sviluppo di JavaScript? C'è qualche combinazione IDE / debugger / editor killer di cui non sono a conoscenza?

Deve essere più facile di così, però.

Ho sentito parlare di Eclipse - è una buona scelta qui? Ne so molto poco.

Modifica: alcuni di voi hanno sottolineato Firebug - Credo che il mio problema fosse che in realtà non sto usando JavaScript per lo sviluppo web per cui Firebug sembra essere lo strumento - invece lo sto usando per lo sviluppo XUL in xulrunner. Quale potrebbe essere semplicemente una debolezza o immaturità di xulrunner .




Faccio un sacco di sviluppo XUL / JS e uso una combinazione di Eclipse e JSEclipse per la modifica del codice e Venkman per il debug. Può essere complicato far funzionare Venkman con la tua app XUL, ma ne vale la pena.

http://developer.mozilla.org/en/Debugging_a_XULRunner_Application ha le informazioni su come abilitare Venkman nella tua app. Controlla; Ti assicuro che vale la pena dedicare il tuo tempo.



Sì, non esiste un debugger decente per lo sviluppo XUL + JS al momento. Ma nella mia esperienza di diversi anni potrei fare bene senza di essa. Ecco come:

Speriamo che Komodo (l'editor / IDE basato su Mozilla, diventato open source lo scorso anno) possa sviluppare strumenti per il debug del codice di Mozilla alla fine.


Nell'interesse della completezza, se utilizzi una versione della piattaforma Mozilla <6.0, Chromebug è un'ottima scelta. Vorrei che io o qualcun altro avessimo i mezzi per aggiornarlo.


Non ho fatto nessuno sviluppo / debug XUL, ma di seguito è riportato l'elenco dei miei strumenti per il debugging / dev di Javascript.

  • Firebug

  • FireRainbow , FireRainbow attiva l'evidenziazione della sintassi javascript per Firebug

  • FirePHP , FirePHP ti permette di accedere alla tua Firebug Console usando una semplice chiamata al metodo PHP.

  • Widerbug , può sfruttare gli ampi schermi per il debug / lo sviluppo di js. Obsoleto ora come è supportato in Firebug 1.9 appena estratto dalla confezione.


XULRunner / Firefox ora supporta il debug remoto nativo! Puoi usare XULRunner come debuggee e firefox come debugger.

Le istruzioni per il debgging remoto sono disponibili su MDN.

È necessario impostare pref devtools.debugger.remote-enabled su true in debuggee e debugger.

Usa questo codice nella tua app:

var windowtype = ...
Components.utils.import('resource://gre/modules/devtools/dbg-server.jsm');
DebuggerServer.chromeWindowType = windowtype;

if (!DebuggerServer.initialized) {
  DebuggerServer.init();
  DebuggerServer.addBrowserActors(windowtype);
}

DebuggerServer.openListener(6000);

Se la tua pagina è (x) html, assegna windowtype con null ; se la tua pagina è xul, assegna windowtype con lo stesso valore dell'attributo windowtype dell'elemento xul:window :

<xul:window windowtype=... >
...
</xul:window>

Avvia la tua app XULRunner e, in Firefox, vai su Strumenti> Sviluppatore web> Connetti ..., connettiti a localhost, porta 6000 e dovresti riuscire a eseguire il debug.


Come ho detto in un altro post , per me lo strumento di debug più comodo per JavaScript è Mozrepl . È un'estensione per Firefox / XULRunner che accede al browser / all'istanza dell'applicazione usando telnet e puoi osservare e manipolare tutto nella tua applicazione da remoto; anche la struttura stessa.

È incredibilmente utile come debugger (sulle applicazioni XUL standalone è l'unico modo accettabile per fare il vero debugging) e come strumento per giocare e capire l'essenza della tua applicazione, accelera il tempo di sviluppo di XUL Javascript dieci volte.

Per una dimostrazione impressionante di possibilità, guarda questo video .





xulrunner