aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/tools/web_console/split_console/index.html
blob: 398f771c79869a32affd2dd91dcb75fd95225904 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
---
title: 分割主控台
slug: Tools/Web_Console/Split_console
translation_of: Tools/Web_Console/Split_console
---
<p>您可以把主控台拉到其他工具旁邊。當你在工具箱中的另一種工具內,只要按下 <kbd>Esc</kbd> 或是在<a href="/zh-TW/docs/Tools_Toolbox#Toolbar">工具欄</a>內的「切換分割主控台」按鈕。工具箱將會分割,上面是原有的工具、而下面會是網頁主控台。</p>

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

<p>如往常般,<code>$0</code> 在檢測器作為選中元素的速記:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/6619/web-console-split-inspector.png" style="display: block; margin-left: auto; margin-right: auto;">當您使用含有除錯器的分割主控台,主控台的範圍,是當前執行的 stack frame。因此,若你在函數內選了一個斷點,範圍將是該函式的範圍。You'll get autocomplete for objects defined in the function, and can easily modify them on the fly: </p>

<p><img alt="" src="https://mdn.mozillademos.org/files/6621/web-console-split-debugger.png" style="display: block; margin-left: auto; margin-right: auto;"></p>