現在、JavaScript は、完璧ではないにせよ、実際に人気のある Web 言語になっています。多くのプログラマーは、JavaScript でコードを書くことを好みません。なぜなら、コードを書いた後にはあらゆる種類の不可解なバグが常に発生し、大規模なアプリケーションの開発プロセスでは間違いが起こりやすいからです。そして、今日のこのようなツールの現状を考えると、ブラウザーで JavaScript のデバッグを行うのはそれほど便利ではありません。
次のデスクトップおよび Web ベースの JavaScript デバッグ ツールを使用すると、JavaScript コードをより効率的にデバッグできるため、次のことが可能になります。
動的型をより効率的に処理することで、アプリケーションのコーディング標準への準拠が強化されます
ファイアバグ
Firebug は長年にわたって存在しており、主に Firefox でアプリを作成する開発者にアプリ拡張機能を提供します。
は、HTML、CSS、および JavaScript のテスト専用のアプリケーションです。デフォルトのブラウザーに付属する開発者ツールよりも強力で、ブレークポイントを設定してさまざまな段階でのテスト結果を容易にすることができます。
Google の Chrome ブラウザなど、他のブラウザでプログラムを開発している場合は、Firebug の合理化されたバージョンを試すことができます。機能は同じですが、インターフェイスが若干異なります。
公式ウェブサイト: http://getfirebug.com/
オペラトンボ
Opera ブラウザはあまり普及しておらず、世界中のインターネット ユーザーの 1% 未満が使用しています。ただし、オープンな JavaScript テストおよびデバッグ ツールは魅力的かもしれません。
DOM をより簡単に検査し、変更された CSS と JavaScript の結果を即座に確認し、根本原因を迅速に見つけます。
他のブラウザーは、Opera Dragonfly に匹敵するよう常に改良されていますが、今のところ、Web 開発者にとって最高のテスト ツールの 1 つであり続けます。
公式ウェブサイト:http://www.opera.com/dragonfly/
デバッグバー
Internet Explorer は Firefox や Chrome ほど多くのプラグインを提供していませんが、現在世界で最も使用されているこのブラウザにとって、DebugBar は最高のフロントエンド デバッグ ツールの 1 つです。必要なほぼすべての機能がカバーされています:
DOM チェック Cookie チェック JavaScript デバッグ
メインのブラウザが Internet Explorer である場合、高度な JavaScript ツールの中でも DebugBar は間違いなく賢い選択です。
公式ウェブサイト: http://www.debugbar.com/
JSLint
JSLint は、今日世界で最もよく知られた Web 開発分野の技術権威の 1 人である Douglas Crockford によって作成された Web ベースのツールです。コードをコピーして JSLint のオンライン エディターに貼り付けるだけです:
コード内のエラーを強調表示して、構文が簡潔で準拠していることを確認します。一般的な JavaScript タイプのエラーを指摘します。
公式ウェブサイト: http://www.jslint.com/
JSLitmus
JavaScript アプリケーションのパフォーマンスを重視する場合、JSLitmus は間違いなく小さなかわいいツールです。独自の JavaScript ベンチマークを作成して、アプリ開発のさまざまな段階でパフォーマンスを評価できるようにするのに役立ちます。
公式ウェブサイト: http://www.broofa.com/Tools/JSLitmus/
オンラインでコードを書く
Writecodeonline.com は、フル機能を備えた JavaScript エディターです。使い方は簡単で、ほぼ即座にバグを特定できます。大規模なアプリケーションには欠かせないアシスタントです。
ティンカービン
これは、現在利用できる最高のオンライン Web 開発およびデザイン ツールの 1 つです。 Tinkerbin を使用すると、同じ Web アプリケーションで HTML、CSS、および JavaScript をテストできます。 HTML および CSS に対する JavaScript コード スニペットの影響をテストする場合、Tinkerbin を使用する方が便利な理由は、結果をすぐに確認できるためです。
概要:
私たちは JavaScript を面倒に感じるかもしれませんが、それは最初から壮大なデザインがあったわけではなく、徐々に進化していくものだからです。上記のツールとアプリケーションは、開発とテストに役立ちます。そして、あなたに合ったブラウザが常にあり、より効率的に、バグのないアプリを開発するのに役立ちます。