JavaScriptコンソール
前書き
ブラウザのデバッグコンソールまたはWebコンソールは、一般的に開発者がエラーを特定し、実行の流れを理解し、データを記録し、実行時に他の多くの目的で使用するために使用されます。この情報は、 consoleオブジェクトを通じてアクセスされます。
構文
- void console.log（obj1 [、obj2、...、objN]）;
- void console.log（msg [、sub1、...、subN]）;
パラメーター
| パラメータ | 説明 |
|---|---|
| obj1 ... objN | 文字列表現がコンソールに出力されるJavaScriptオブジェクトのリスト |
| msg | 0個以上の置換文字列を含むJavaScript文字列。 |
| sub1 ... subN | msg内の置換文字列を置換するJavaScriptオブジェクト。 |
備考
デバッグ/ Webコンソールで表示される情報は、 console Javascriptオブジェクトの複数のメソッド console.dir(console)から参照可能console.dir(console)介して利用できます。 console.memoryプロパティの他に、表示されるメソッドは一般的に次のとおりです（Chromiumの出力から取得）。
- アサート
- クリア
- カウント
- デバッグ
- 指
- dirxml
- エラー
- グループ
- groupCollapsed
- groupEnd
- 情報
- ログ
- markTimeline
- プロフィール
- profileEnd
- 表
- 時間
- timeEnd
- timeStamp
- タイムライン
- タイムライン終了
- トレース
- 警告する
コンソールを開く
現在のブラウザでは、JavaScript Consoleが開発者ツール内のタブとして統合されています。以下に示すショートカットキーは開発者ツールを開きます。その後、右のタブに切り替える必要があります。
クロム
ChromeのDevToolsの[ Console]パネルを開く ：
Windows / Linux：次のいずれかのオプション。
- Ctrl + Shift + J
- Ctrlキー + Shiftキー + Iは 、その後、オンとオフのコンソールを切り替えるには、「Webコンソール」タブまたは Escキーを押しますをクリックしてください
- F12、その後、オンとオフのコンソールを切り替えるには、「コンソール」タブまたは Escキーを押しますをクリックしてください
Mac OS： Cmd + Opt + J
Firefox
Firefoxの開発ツールで「コンソール」パネルを開く：
Windows / Linux：次のいずれかのオプション。
- Ctrl + Shift + K
- Ctrlキー + Shiftキー + Iは 、その後、オンとオフのコンソールを切り替えるには、「Webコンソール」タブまたは Escキーを押しますをクリックしてください
- F12、その後、オンとオフのコンソールを切り替えるには、「Webコンソール」タブまたは Escキーを押しますをクリックしてください
Mac OS： Cmd + Opt + K
エッジとInternet Explorer
F12開発ツールの「コンソール」パネルを開く：
- F12を押してから、[Console]タブをクリックします
サファリ
SafariのWebインスペクタで「コンソール」パネルを開くには、最初にSafariの環境設定で開発メニューを有効にする必要があります
次に、メニューから "Develop-> Show Error Console"を選択するか、 ⌘ + Option + C
オペラ
オペラで「コンソール」を開く：
- Ctrl + Shift + Iを 押して から 、[Console]タブをクリックします
互換性
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)などの他の関数の使用が排除されます。
