files/uk/інструменти/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

---
title: Розділення консолі
slug: Інструменти/Web_Console/Split_console
translation_of: Tools/Web_Console/Split_console
---
<div>{{ToolsSidebar}}</div>

<div><span class="tlid-translation translation"><span title="">Консоль можна використовувати поряд з іншими інструментами.</span> <span title="">Поки ви перебуваєте в іншому інструменті на панелі інструментів, просто натисніть клавішу </span></span> <kbd>Esc</kbd> <span class="tlid-translation translation"><span title="">або виберіть команду "Показати розділену консоль" в меню <a href="/uk/docs/Tools_Toolbox#Toolbar">панелі інструментів</a>.</span> <span title="">Панель інструментів тепер з'явиться розділеною частиною, на ній буде розміщено оригінальний інструмент і веб-консоль.</span></span></div>

<p>
 </p><p>Ви можете закрити розділення консолі повторним натисканням <kbd>Esc</kbd>, або вибравши команду меню "Сховати розділення консолі".</p>
<p></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>{{EmbedYouTube("G2hyxhPHyXo")}}</p>

<p><span class="tlid-translation translation"><span title="">В якості скорочення назви елемента, вибраного в інспекторі, </span></span>як завжди використовується <code>$0</code><span class="tlid-translation translation"><span title="">:</span></span></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;"><span class="tlid-translation translation"><span title="">Якщо Ви використовуєте розділену консоль з відладчиком, область видимості консолі - це поточний кадр стека.</span> <span title="">Отже, якщо Ви потрапили до точки переривання у функції, область видимості буде визначатися цією функцією.</span> <span title="">Ви отримаєте автозаповнення для об'єктів, означених у функції, і можете легко змінювати їх на льоту:</span></span></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>