web-dev-qa-db-ja.com

EclipseでJavaScriptをデバッグする

EclipseでJavaScriptをデバッグするにはどうすればよいですか。 Eclipse 3.2.1を使用しています。サイドをクリックするたびに、ブックマークを追加するオプションが表示されますが、ブレークポイントはありません。

誰もこれで私を助けることができますか?

46
sreeprasad

2015年には、EclipseでのJavaScriptデバッグに少なくとも6つの選択肢があります。

上記に加えて、「Eclipseを使用したJavaScriptのデバッグ」に焦点を当てたビデオがいくつかあります。

時代遅れ

30
koppor

EclipseにJavaScriptデバッガーがあるとは思わない-これらのブレークポイントはJavaコード(JSPファイルを編集していると思いますか?)

Firebug を使用してJavascriptコードをデバッグします。これは、すべてのWeb開発者がツールボックスに含めるべき優れたアドオンです。

10
matt b

100%確信はありませんが、 Aptana やってみましょう。

9
Luke

Ubuntu 10.4でaptanaを実行しようとしました。残念ながら私は成功しませんでした。 Chrome一方、chromeインスタンスで動作するjavascriptをデバッグできるEclipseプラグインがあります。非常にうまく機能します。インストールする必要があります。ここにあるEclipseプラグイン:

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

Eclipseで編集したjavascriptソースにブレークポイントを設定し、クロムでページを参照します。 javascriptブレークポイントに達するとすぐに、Eclipseデバッガーが停止し、変数のステップイン、ステップオーバー、ブラウズなどができます。

5
adietisheim

JavaScriptはブラウザで実行されますが、これはEclipseからはかなり削除されています。 Eclipseは、ブラウザのJavaScriptエンジンを何らかの方法でフックしてデバッグする必要があります。したがって、JSは実際には主な焦点ではないため、Eclipseを介したJavaScriptの組み込みデバッグはありません。

ただし、JavaScriptデバッグを実行するためにインストールできるプラグインがあります。主なものは AJAX Toolkit Framework(ATF) であると思います。デバッグを行うためにEclipseにMozillaブラウザーを組み込むため、JavaScriptの作成時に通常発生するブラウザー間の複雑さを処理できませんが、確実に役立ちます。

4
Daniel Lew

ブラウザでサポートされているデバッグツールを使用します。上記のように、Firebug for Firefox Chrome Chrome=IE IEの開発者。

これにより、クロスブラウザの問題を検出できます。クロスブラウザーの問題を減らすには、jQuery、YUI、mooツールなどのJavaScriptフレームワークを使用します。

以下は、FirebugでのLimeのスクリーンショット(javascript-debug.png)です。
1) 'F12'を押します
2)[スクリプト]タブをクリックして[有効にする](既にページにいる場合は、[F5]を押して再読み込みします)
3)[すべて]ドロップダウンの横に、右側に別のドロップダウンがあります。そのドロップダウンからjavascriptファイルを選択します。
スクリーンショットでは、 'left-mouse-click'で42行目にブレークポイントを設定しました。これにより、破損、検査、監視などが可能になります。

enter image description here

4
CKuharski

AJAX Tools Framework を使用してEclipseにブレークポイントを設定することにより、JavaScriptをデバッグできます。

3
appas

MyEclipse (Eclipseベース、サブスクリプションが必要)および Webclipse (現在無料のEclipseプラグイン)、私の会社のGenuitecが新しく設計しました(2015年現在)- JavaScriptデバッグ 組み込み:

enter image description here

汎用WebアプリケーションとNode.jsファイルの両方をデバッグできます。

2
Tony Weddle

Node.jsには Nodeclipse 0.2 があります- chromedevtools のバグ修正

1
Paul Verest