blob: ea9c967170e9e9c6e0a716ef2b60bae84cb3aeb9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
---
title: Розділення консолі
slug: Tools/Web_Console/Split_console
translation_of: Tools/Web_Console/Split_console
original_slug: Інструменти/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>
|
