files/uk/tools/web_console/ui_tour/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/UI_Tour
translation_of: Tools/Web_Console/UI_Tour
original_slug: Інструменти/Web_Console/Opening_the_Web_Console
---
<div>{{ToolsSidebar}}</div>

<p>Для відкриття Веб-консолі:</p>

<ul>
 <li>виберіть "Веб-консоль" з під-меню "Веб-розробка" меню Firefox (або з меню Інструменти, якщо активоване відображення панелі меню або в  Mac OS X)</li>
 <li>або натисніть комбінацію клавіш <kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>K</kbd> (<kbd>Command</kbd><kbd>Option</kbd><kbd>K</kbd> в OS X)</li>
</ul>

<p><span class="tlid-translation translation"><span title="">В нижній частині вікна веб-переглядача з'явиться <a href="https://developer.mozilla.org/uk/docs/Tools/DevTools_Window">Панель інструментів</a> з активованою веб-консоллю (на панелі інструментів DevTools вона просто називається "консоль"):</span></span></p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16191/console_63.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 845px;"></p>

<p>Інтерфейс Веб-консолі розділяється на три горизонтальні секції:</p>

<ul>
 <li><a href="/uk/docs/Tools/Web_Console/Console_messages#Filtering_by_category" title="#filtering-and-searching">Панель інструментів</a>: <span class="tlid-translation translation"><span title="">вздовж верхньої частини знаходиться панель інструментів, що містить дві кнопки.</span> <span title="">Натисніть кнопку "сміття", щоб очистити вміст консолі.</span> <span title="">Натисніть піктограму "воронка", щоб відфільтрувати повідомлення, які відображаються в консолі</span></span> </li>
 <li><a href="/uk/docs/Tools/Web_Console/The_command_line_interpreter" title="#command-line">Командний рядок</a>:  <span class="tlid-translation translation"><span title="">командний рядок починається з подвійних кутових дужок (&gt;&gt;).</span> <span title="">Використовуйте його для введення виразів JavaScript</span></span></li>
 <li><a href="/uk/docs/Tools/Web_Console/Console_messages" title="#message-display-pane">Панель відображення повідомлення</a>: <span class="tlid-translation translation"><span title="">тут відображаються </span></span> <span class="tlid-translation translation"><span title="">повідомлення, що генеруються кодом на сторінці та команди, введені в командному рядку</span></span></li>
</ul>