---
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>