blob: c8e357c1eb068ccf66864e3d70d695a86401b7c5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
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>
|
