---
title: ウェブコンソールを開く
slug: Tools/Web_Console/UI_Tour
translation_of: Tools/Web_Console/UI_Tour
original_slug: Tools/Web_Console/Opening_the_Web_Console
---
<div>{{ToolsSidebar}}</div>

<p>ウェブコンソールを開く方法は以下のとおりです:</p>

<ul>
 <li>Firefox メニュー (メニューバーがある場合や Mac OS X では、ツールメニュー) のウェブ開発サブメニューで "ウェブコンソール" を選択する。</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" title="Tools/Tools_Toolbox">ツールボックス</a> がブラウザーウィンドウの下部に現れます (<a href="/ja/docs/Tools/Tools_Toolbox#Toolbar" title="Tools/Tools_Toolbox#Toolbar">開発ツールのツールバー</a> では "コンソール" という名称です):</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16191/console_63.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 845px;"></p>

<p>ウェブコンソールのインターフェイスは 3 つに分けられます:</p>

<ul>
 <li><a href="/ja/docs/Tools/Web_Console/Console_messages#Filtering_by_category" title="#filtering-and-searching">ツールバー</a>: 上段にボタンを 2 つ置いているツールバーがあります。ゴミ箱のボタンをクリックすると、コンソールの内容を消去できます。漏斗のアイコンをクリックすると、コンソールに表示されているメッセージをフィルターできます。</li>
 <li><a href="/ja/docs/Tools/Web_Console/The_command_line_interpreter" title="#command-line">コマンドライン</a>: コマンドラインは、二重山かっこ (&gt;&gt;) で始まります。ここに JavaScript の式を入力します。</li>
 <li><a href="/ja/docs/Tools/Web_Console/Console_messages" title="#message-display-pane">メッセージ表示ペイン</a>: ページ内のコードやコマンドラインに入力したコマンドによって生成されたメッセージです。コマンドによって生成されメッセージは、それぞれのコマンドに続いて表示します。</li>
</ul>