blog

Firefox 開発ツールの再導入: Web コンソールと Javascript デバッガ

Firefox 4 では、新しい開発ツールとして Web Console が誕生しました。それ以来、この開発ツールにはより多くの機能が追加され、Web コンソールは Firefox デスクトップと F...

Mar 21, 2014 · 2 min. read
シェア

Firefox 4 では、新しい開発ツールとして Web コンソールが誕生しました。それ以来、この開発ツールにはより多くの機能が追加され、Web コンソールは Firefox Desktop、Firefox OS、Android 版 Firefox のデバッグや分析に広く利用可能で、かけがえのないものとなりました。

の記事はWeb ConsoleとJavascript Debuggerについてです。

ウェブコンソール

Web コンソールは主に、現在ロードされている Web ページに関連する情報を表示するために使用されます。この情報には、HTML、CSS、JavaScript、セキュリティ警告、およびエラーメッセージが含まれます。 さらに、ネットワーク要求が表示され、Web コンソールはそれらが成功したかどうかを表示します。Web Console が Web ページでエラーや警告を検出すると、エラーの原因となったコードへのリンクが表示されます。一般的に、Web Console は Web アプリケーションをデバッグするための **** ステーションです。

Web Console を使用すると、開発者は Web ページ内で JavaScript コードを実行できます。つまり、開発者は Web ページ内でクラスを定義し、インスタンス化されたクラスメソッドを実行したり、CSS セレクタを介して特定の要素にアクセスしたりすることができます。

詳しくは MDN Web Console ドキュメントをご覧ください。

JavaScripterデバッガ JSデバッガ

JavaScripter Debugger は、Web アプリケーションの Web パーツ内の JavaScript コードのデバッグと改良に使用します。デバッガは、Firefox OS、Firefox for Android、Firefox Desktop でコードのデバッグに使用できます。デバッガは、式の監視、ローカル変数の変更、ブレークポイントの設定、条件式、スキップ、リターン、最後まで実行などの機能を含む、フル機能のデバッグツールです。 さらに、開発者はページ読み込み中にアプリケーションを一時停止し、変数データを変更して実行効果を観察できます。

JavaScript デバッガーの詳細については、MDN デバッガーのドキュメントをご覧ください。

もっと詳しく

これらの開発ツールの全機能については、MDN Toolsのドキュメントをクリックしてください。

ご期待ください!

Read next

Macユーザーに欠かせない効率化ツール10選

この記事でおすすめした人気のOS Xツールのほとんどは無料で、以前は複雑だった作業をシンプルかつ効率的にすることができます。素晴らしい選択です!

Mar 21, 2014 · 4 min read