diff options
Diffstat (limited to 'files/zh-tw/tools/web_console/split_console/index.html')
| -rw-r--r-- | files/zh-tw/tools/web_console/split_console/index.html | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/files/zh-tw/tools/web_console/split_console/index.html b/files/zh-tw/tools/web_console/split_console/index.html new file mode 100644 index 0000000000..398f771c79 --- /dev/null +++ b/files/zh-tw/tools/web_console/split_console/index.html @@ -0,0 +1,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> |