ブラウザのデバッグコンソールまたはWebコンソールは、一般的に開発者がエラーを特定し、実行の流れを理解し、データを記録し、実行時に他の多くの目的で使用するために使用されます。この情報は、 console
オブジェクトを通じてアクセスされます。
パラメータ | 説明 |
---|---|
obj1 ... objN | 文字列表現がコンソールに出力されるJavaScriptオブジェクトのリスト |
msg | 0個以上の置換文字列を含むJavaScript文字列。 |
sub1 ... subN | msg内の置換文字列を置換するJavaScriptオブジェクト。 |
デバッグ/ Webコンソールで表示される情報は、 console
Javascriptオブジェクトの複数のメソッド console.dir(console)
から参照可能console.dir(console)
介して利用できます。 console.memory
プロパティの他に、表示されるメソッドは一般的に次のとおりです(Chromiumの出力から取得)。
現在のブラウザでは、JavaScript Consoleが開発者ツール内のタブとして統合されています。以下に示すショートカットキーは開発者ツールを開きます。その後、右のタブに切り替える必要があります。
ChromeのDevToolsの[ Console]パネルを開く :
Windows / Linux:次のいずれかのオプション。
Mac OS: Cmd + Opt + J
Firefoxの開発ツールで「コンソール」パネルを開く:
Windows / Linux:次のいずれかのオプション。
Mac OS: Cmd + Opt + K
F12開発ツールの「コンソール」パネルを開く:
SafariのWebインスペクタで「コンソール」パネルを開くには、最初にSafariの環境設定で開発メニューを有効にする必要があります
次に、メニューから "Develop-> Show Error Console"を選択するか、 ⌘ + Option + C
オペラで「コンソール」を開く:
Internet Explorer 8またはそれ以前のバージョン(互換性ビュー/エンタープライズモードなど)を使用またはエミュレートする場合、コンソールは開発者ツールがアクティブな場合にのみ定義されるため、 console.log()
ステートメントは例外を引き起こし、コードの実行を妨げます。これを軽減するには、ログを取る前にコンソールが利用可能かどうかを確認することができます。
if (typeof window.console !== 'undefined')
{
console.log("Hello World");
}
または、スクリプトの開始時に、コンソールが使用可能かどうかを確認し、そうでない場合は、すべての参照をキャッチして例外を防止するヌル関数を定義できます。
if (!window.console)
{
console = {log: function() {}};
}
この2番目の例は、開発者ウインドウが開いていても、 すべてのコンソールログを停止することに注意してください。
この2番目の例を使用すると、特に追加されていない限り、 console.dir(obj)
などの他の関数の使用が排除されます。