blob: d5ce89b1bb7d08d44cb56bdaa73b7c143d098a2b (
plain)
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
|
---
title: Инспектор страниц
slug: Tools/Page_Inspector
tags:
- CSS
- DOM
- Development
- 'Development:Tools'
- HTML
- Tools
- Web
- 'l10n:priority'
- Стили
translation_of: Tools/Page_Inspector
---
<div>{{ToolsSidebar}}</div><p>Используйте Инспектор, чтобы исследовать и модифицировать HTML и CSS страницы.</p>
<p>Вы можете исследовать страницы, загруженные в локальном Firefox или где-то удалённо, например в устройстве на Firefox OS или на Firefox для Android. См. <a href="/ru/docs/Tools/Remote_Debugging">удалённая отладка</a> о том, как подключить инструменты разработчика к чему-то удалённому.</p>
<hr>
<h2 id="Тур_по_интерфейсу_пользователя">Тур по интерфейсу пользователя</h2>
<p>Чтобы осмотреться в Инспекторе, см. <a href="/ru/docs/Tools/Page_Inspector/UI_Tour">небольшой тур по интерфейсу пользователя</a>.</p>
<hr>
<h2 id="Как…">Как…</h2>
<p>Что можно делать с помощью Инспектора, читайте в следующих руководствах:</p>
<div class="column-container">
<div class="column-half">
<dl>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Otkrytie_Inspektora">Открыть Инспектор</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Исследовать и редактировать HTML</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examine and edit the box model</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Исследовать и выбирать цвета</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Просмотр_шрифтов">Смотреть шрифты</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualize transforms</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Использовать API Инспектора</a></dt>
<dd> </dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Vybor_elementa">Выбрать элемент</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Исследовать и редактировать CSS</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Исследовать слушатели событий</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Work_with_animations">Работать с анимациями</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Редактировать CSS-фильтры</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/View_background_images">Смотреть фоновые изображения (background-image)</a></dt>
<dd> </dd>
<dt><a href="/ru/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Использовать Инспектор из Веб-консоли</a></dt>
</dl>
</div>
</div>
<hr>
<h2 id="Справка">Справка</h2>
<div class="column-container">
<div class="column-half">
<dl>
<dt><a href="/ru/docs/Tools/Page_Inspector/Сочетания_клавиш">Сочетания клавиш</a></dt>
<dd> </dd>
</dl>
</div>
<div class="column-half">
<dl>
<dt><a href="/ru/docs/Tools/Tools_Toolbox#Inspector">Настройки</a></dt>
<dd> </dd>
</dl>
</div>
</div>
|
