2009-03-04 14 views
42

Come posso eseguire il debug di JavaScript in Eclipse. Sto usando Eclipse 3.2.1. Ogni volta che clicco sul lato si dà l'opzione per aggiungere un segnalibro ma nessun punto di interruzione.Debug JavaScript in Eclipse

Qualcuno potrebbe aiutarmi su questo?

risposta

10

Non credo Eclipse ha un debugger JavaScript - quei punti di interruzione sono per il codice Java (sto cercando di indovinare che si sta modificando un file JSP?)

Usa Firebug per eseguire il debug di codice JavaScript, è un ottimo add su quello che tutti gli sviluppatori web dovrebbero avere nella loro casella degli strumenti.

+1

Concordato sull'eccellenza di Firebug, ma ha i suoi limiti. Per esempio. la pagina su cui sto lavorando ha> 200 file JS, ed è estremamente stupido e fastidioso che non riesco a persistere i punti di interruzione delle mie sessioni di firefox. Inoltre, mi mancano davvero le funzionalità avanzate di Eclipse (disattivazione di breakpoint, punti di interruzione condizionali, ...) –

+0

Risposta eccellente con firebug! –

+0

Ri: "Usa Firebug per eseguire il debug del codice Javascript, è un eccellente componente aggiuntivo che tutti gli sviluppatori web dovrebbero avere nella propria casella degli strumenti." - Funziona se si sta eseguendo il debug del codice che è stato scritto per essere eseguito nel browser, ma non aiuta se si sta eseguendo JS lato server, cioè con il motore Rhino in Java. –

4

JavaScript viene eseguito nel browser, che è molto lontano da Eclipse. Eclipse dovrebbe in qualche modo collegarsi al motore JavaScript del browser per eseguirne il debug. Pertanto non esiste un debug integrato di JavaScript tramite Eclipse, poiché JS non è comunque il suo principale obiettivo.

Tuttavia, esistono plug-in che è possibile installare per eseguire il debug di JavaScript. Credo che il principale sia lo AJAX Toolkit Framework (ATF). Incorpora un browser Mozilla in Eclipse per eseguire il debug, quindi non sarà in grado di gestire le complicazioni cross-browser che si verificano in genere durante la scrittura di JavaScript, ma sarà certamente di aiuto.

9

Non sono sicuro al 100% ma penso che lo facciate sia Aptana.

+1

Dovrò provare Aptana prima o poi, continuo a sentire cose positive, e questo aggiunge solo alla lista. –

+1

+1. Aptana ti permetterà di eseguire il debug di javascript sia in firefox sia (se paghi la versione pro) IE. –

5

Ho provato a far funzionare aptana su Ubuntu 10.4. Purtroppo non ci sono riuscito. Chrome, d'altra parte, ha un plug-in di eclissi che ti consente di eseguire il debug di javascript in esecuzione in un'istanza di Chrome. Funziona molto bene. Dovrete installare il plugin Eclipse che troverete qui:

http://code.google.com/p/chromedevtools/

impostare punti di interruzione nelle fonti javascript si modifica in Eclipse e il browser la pagina in cromo. Non appena viene colpito un punto di interruzione javascript, il debugger di eclipse si ferma e ti consente di entrare, scavalcare, sfogliare le variabili, ecc. Molto bello!

+0

Probabilmente hai installato OpenJDK con l'installazione di Ubuntu. OpenJDK non è supportato. –

+1

Grazie per il suggerimento. Ho bisogno di un browser basato su webkit per testare così Chrome e ho sempre preferito l'IDE Eclipse sopra gli altri. Non è leggero ma è intuitivo e altamente personalizzabile. – Mike6679

3

Utilizzare gli strumenti di debug supportati dal browser. Come accennato in precedenza Firebug per Firefox Strumenti per sviluppatori di Chrome da Chrome IE Developer for IE.

In questo modo è possibile rilevare i problemi relativi al browser. Per ridurre i problemi relativi al browser, utilizzare un framework javascript, ad esempio jQuery, YUI, strumenti moo, ecc.

Di seguito è riportato uno screenshot (javascript-debug.png) di ciò che appare lime in Firebug.
1) hit 'F12'
2) fare clic sulla scheda 'Script' e 'abilitarlo' (se sei già sulla pagina - hit 'F5' di ri-carico)
3) accanto al 'Tutto 'discesa, ci sarà un altro menu a discesa a destra. Seleziona il tuo file javascript da quel menu a discesa.
Nello screenshot, ho impostato un punto di interruzione alla linea 42 con "left-mouse-click". Questo vi permetterà di rompere, ispezionare, orologio, ecc

enter image description here

3

E 'possibile eseguire il debug JavaScript impostando punti di interruzione in Eclipse utilizzando il AJAX Tools Framework.

29

Nel 2015, ci sono almeno sei scelte per il debug JavaScript in Eclipse:

aggiunta a quanto sopra, ecco un paio di video che si concentrano su "debug JavaScript con Eclipse"

obsoleto

+0

@ user203687 puoi semplicemente modificare la risposta. L'ho contrassegnato come "wiki della comunità" per averlo migliorato da tutti. – koppor

+0

Grazie, l'ho fatto. – user203687

+1

Eviterei di utilizzare Aptana Studio standalone, il plug-in debugger per Firefox può utilizzare solo Firebug V8 o precedente. Stavo usando Aptana fino a quando alcuni dei miei altri plugin supportano solo il nuovo FireBug ... Aptana è basato su Eclipse e puoi ancora usare il plugin Aptana per Eclipse che IMHO è una combinazione di dinamite –

2

MyEclipse (basato su Eclipse, è richiesta l'iscrizione) e Webclipse (un plug-in di Eclipse, attualmente gratuito), dalla mia azienda, Genuitec, sono di nuova concezione (a partire dal 2015) JavaScript debugging costruito in:

enter image description here

È possibile eseguire il debug di entrambe le applicazioni web generiche e file Node.JS.

+0

Penso che le regole StackOverflow richiedano di menzionare se si è affiliati con un prodotto che si consiglia. – darklon

+0

Pensavo di averlo fatto con l'icona del mio profilo (MyEclipse) ma l'ho aggiornato con il logo aziendale. Hai ragione, avrei dovuto menzionarlo esplicitamente. Modificherò la mia risposta. –