Esegui il debug di JavaScript in Eclipse

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.

Qualcuno potrebbe aiutarmi su questo?

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

  • Novità da Eclipse 3.7: supporto per il debug degli strumenti di sviluppo JavaScript . La parte di incubazione elenca il supporto CrossFire . Ciò significa che è ansible utilizzare Firefox + Firebug come visualizzatore di pagine senza modifiche al codice Java.
  • Novità da ottobre 2012: VJET JavaScript IDE
  • Ajax Tools Framework
  • Aptana offre funzionalità di debug di JavaScript.
  • L’ IDE MyEclipse commerciale ha anche il supporto per il debug di JavaScript
  • Dalla stessa stable di MyEclipse, il plug-in Webclipse ha la stessa tecnologia di debug JavaScript.

In aggiunta a quanto sopra, ecco un paio di video che si concentrano su “debugging JavaScript using eclipse”

  • Eseguire il debug di JavaScript con Eclipse e Chrome Tools
  • Eseguire il debug di JavaScript utilizzando Eclipse e CrossFire (con FB)

antiquato

  • Gli Strumenti per sviluppatori di Google Chrome per Java consentono il debug tramite Chrome.

Non credo che Eclipse abbia un debugger JavaScript – quei punti di interruzione sono per il codice Java (suppongo che tu stia modificando un file JSP?)

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.

Non sono sicuro al 100%, ma penso che Aptana facciamolo.

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

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

Imposta i punti di interruzione nelle fonti javascript che modifichi in eclipse e browser la tua pagina in chrome. 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!

JavaScript viene eseguito nel browser, che è abbastanza 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 objective.

Tuttavia, esistono plug-in che è ansible installare per eseguire il debug di JavaScript. Credo che il principale sia l’ 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.

È ansible eseguire il debug di JavaScript impostando i punti di interruzione in Eclipse utilizzando AJAX Tools Framework .

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

In questo modo è ansible 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) premi “F12”
2) fai clic sulla scheda “Script” e “triggers” (se sei già sulla tua pagina – premi “F5” per ricaricarla)
3) accanto al menu a discesa “Tutti”, verrà visualizzato 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 ti permetterà di rompere, ispezionare, guardare, ecc.

inserisci la descrizione dell'immagine qui

MyEclipse (basato su Eclipse, abbonamento richiesto) e Webclipse (un plug-in di eclipse, attualmente gratuito), dalla mia azienda, Genuitec, hanno debugging di JavaScript di nuova concezione (a partire dal 2015) integrati:

inserisci la descrizione dell'immagine qui

È ansible eseguire il debug di entrambe le applicazioni Web generiche e dei file Node.js.

Per Node.js c’è Nodeclipse 0.2 con alcune correzioni di bug per chromedevtools