jQueryのデバッグツール

jQueryプログラムを書いてもデバッグ出来る環境がないとプログラムが思った通りの動作をしないときに、どこが良くないのか見つけるのに苦労します。

jQueryのデバッグが手軽に出来るツール

手軽にデバッグを行うことが出来る環境は、すでにブラウザに組み込まれています。

IEやChromeはhtmlファイルを読み込んだ後、F12キーを押すことでデバッグ環境が表示されます。

慣れるまでに試行錯誤するかも知れませんが、動かしているうちにコツがわかってくると思います。

変数に何が設定されていて、どう分岐されているか確認しながら画面を見ることができます。

マイクロソフトの統合開発ツール

私はHTML文書を作成したり、jQueryプログラムを書いたり、デバッグするのに、マイクロソフトの統合開発ツールVisual studioを使用しています。
現在は無料のVisual Studio Communityが簡単に？利用できますのでVisual Studio Communityを使うのも良いですね。
一応リンク先を付けておきます。
visual studio 2015 community