---
title: ウェブコンソール
slug: Tools/Web_Console
tags:
  - Debugging
  - Guide
  - Security
  - Tools
  - Web Development
  - Web Development:Tools
  - l10n:priority
  - web console
  - ツール
  - デバッグ
translation_of: Tools/Web_Console
---
<div>{{ToolsSidebar}}</div>

<p><strong>ウェブコンソール</strong>とは、次のようなものです。</p>

<ol>
 <li>ウェブページに関連する情報 (ネットワークリクエスト、JavaScript、CSS、セキュリティ上のエラーや警告、ページのコンテキストで実行される JavaScript コードによって明示的に記録されるエラー、警告、情報メッセージ) を記録します。</li>
 <li>ページのコンテキストで JavaScript の式を実行することにより、ウェブページと対話することができます。</li>
</ol>

<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/ja/docs/Tools/Web_Console/UI_Tour">ウェブコンソールのユーザーインターフェイス</a></dt>
 <dd>ウェブコンソールの UI の部分です。</dd>
 <dt><a href="/ja/docs/Tools/Web_Console/The_command_line_interpreter">コマンドラインインタープリター</a></dt>
 <dd>コンソールを使用してドキュメントと対話する方法です。</dd>
 <dt><a href="/ja/docs/Tools/Web_Console/Split_console">コンソールの分割</a></dt>
 <dd>コンソールを別のツールと並べて使用します。</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/ja/docs/Tools/Web_Console/Console_messages">コンソールのメッセージ</a></dt>
 <dd>コンソールが記録するメッセージを詳しく説明します。</dd>
 <dt><a href="/ja/docs/Tools/Web_Console/Helpers">ヘルパーコマンド</a></dt>
 <dd>使用することができる、 JavaScript には含まれないコマンドです。</dd>
 <dt><a href="/ja/docs/Tools/Web_Console/Rich_output">高度な出力</a></dt>
 <dd>コンソールが記録したオブジェクトを確認して対話する方法です。</dd>
 <dt><a href="/ja/docs/Tools/Keyboard_shortcuts#web_console">キーボードショートカット</a></dt>
 <dd>ショートカットのリファレンスです。</dd>
</dl>
</div>
</div>

<h2 id="Opening_the_Web_Console">ウェブコンソールを開く</h2>

<p>ウェブコンソールは、メニューまたはキーボードショートカットから開きます。</p>

<ul>
 <li><strong>Firefox メニュー</strong> (またはメニューバーが表示されている場合や Mac OS X の場合は <strong>Tools</strong> メニュー) の<strong>ウェブ開発ツール</strong>サブメニューから<strong>ウェブコンソール</strong>を選択してください</li>
 <li>キーボードショートカットの <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>K</kbd> (OS X では <kbd>Command</kbd>+<kbd>Option</kbd>+<kbd>K</kbd>) を押す。</li>
</ul>

<p>ウェブコンソールが有効になっていると、<a href="/ja/docs/Tools/Tools_Toolbox">ツールボックス</a>は、ブラウザーウィンドウの下、左、右の何れかに (ドッキング設定によって) 表示されます (<a href="/ja/docs/Tools/Tools_Toolbox#toolbar">開発者ツールバー</a>では単にコンソールと呼ばれています)。</p>