---
title: Inspektor Stron
slug: Tools/Page_Inspector
translation_of: Tools/Page_Inspector
original_slug: Narzędzia/Page_Inspector
---
<div class="boxed translate-rendered">
<p>Użyj Inspektora Stron, aby badać i modyfikować HTML i CSS na stronie.</p>

<p>Możesz badać strony załadowane w lokalnej kopii programu Firefox oraz za pomocą zdalnego obiektu - takiego jak urządzenie z Firefox OS, bądź też program Firefox dla Androida. Zobacz <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging">zdalne debugowanie</a>, by dowiedzieć się, jak połączyć narzędzia deweloperskie ze zdalnym obiektem.</p>

<hr>
<h2 id="Podróż_przez_Interfejs_Użytkownika">Podróż przez Interfejs Użytkownika</h2>

<p>Aby odnaleźć się w Inspektorze, zobacz <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/UI_Tour">szybką podróż przez UI</a>.</p>

<hr>
<h2 id="How-to">How-to</h2>

<p>Aby dowiedzieć się, co możesz robić za pomocą Inspektora, zobacz następujące przewodniki:</p>

<div class="twocolumns">
<ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">Otwórz Inspektora</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Badaj i edytuj HTML</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Badaj i edytuj tzw. box model</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Badaj i wybieraj kolory</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Zmień położenie elementów na stronie</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Wizualizuj transformacje</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Używaj Inspektora API</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">Zaznacz element</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Badaj i edytuj CSS</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Badaj detektory zdarzeń</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Pracuj z animacjami</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Edytuj filtry CSS</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/View_background_images">Zobacz zdjęcia w tle</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Użyj Inspektora z Konsoli WWW</a></li>
</ul>
</div>

<hr>
<h2 id="Odniesienie">Odniesienie</h2>

<div class="twocolumns">
<ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/Keyboard_shortcuts">Skróty klawiaturowe </a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Tools/Tools_Toolbox#Inspector">Ustawienia</a></li>
</ul>
</div>
</div>

<div class="column-container">
<div class="column-half">
<dl>
 <dt> </dt>
 <dd> </dd>
</dl>
</div>
</div>