files/ja/tools/web_console/split_console/index.html


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

---
title: コンソールの常時表示
slug: Tools/Web_Console/Split_console
translation_of: Tools/Web_Console/Split_console
---
<div>{{ToolsSidebar}}</div>

<p>コンソールを別のツールと並べて使用できます。ツールボックスで別のツールを使用しているときに <kbd>Esc</kbd> キーまたは <a href="/ja/docs/Tools/Tools_Toolbox#Toolbar">ツールバー</a> の "コンソールの常時表示を切り替えます" ボタンを押下してください。ツールボックスが分割表示されて元のツールが上段、ウェブコンソールが下段に表示されます。</p>

<p> </p>

<p><kbd>Esc</kbd> をもう一度押すか、「スプリットコンソールを隠す」メニューコマンドを選択して、スプリットコンソールを閉じることができます。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16106/split-console.png" style="border-style: solid; border-width: 1px; height: 77px; width: 350px;"></p>

<p> </p>

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

<p>通常のコンソールと同様に、<code>$0</code> はインスペクターで選択している要素のショートハンドとして働きます:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16105/split-console-debugger.png" style="display: block; height: 805px; margin-left: auto; margin-right: auto; width: 902px;"></p>

<p>デバッガでスプリットコンソールを使用するとき、コンソールのスコープは現在実行中のスタックフレームになります。よって関数内でブレークポイントに当たった場合、コンソールのスコープは関数のスコープになります。関数内で定義したオブジェクトのオートコンプリートが可能であり、実行中にそれらを簡単に変更できます:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16107/split-console-show-debug.png" style="display: block; height: 805px; margin-left: auto; margin-right: auto; width: 902px;"></p>