---
title: Page Inspector
slug: Tools/Page_Inspector
translation_of: Tools/Page_Inspector
---
<p>Sử dụng Page Inspector để kiểm tra và sửa đổi HTML và CSS của một trang web</p>

<p>Bạn có thể kiểm tra tốc độ tải trang trong một bản sao cục bộ của Firefox hay trong một thiết bị từ xa như Firefox OS, Firefox desktop hay Firefox cho Android hoặc thông qua Thunderbird. Xem <a href="/en-US/docs/Tools/Remote_Debugging">remote debugging</a> để học cách kết nối đến công cụ phát triển dành cho lập trình viên để thực hiện "remote debugging"</p>

<hr>
<h2 id="Giao_diện_người_dùng">Giao diện người dùng</h2>

<p>Hướng dẫn sử dụng Inspector, hãy đọc bên dưới hoặc theo liên kết này <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour">quick tour of UI</a></p>

<h2 id="How_to">How to</h2>

<p>Để tìm hiểu về Inspector, hãy đọc hướng dẫn dưới đây:</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">Mở Inspector</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Kiểm tra và sửa mã HTML</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Kiểm tra và sửa box model</a></dt>
 <dd> </dd>
 <dt><a href="en-US/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Dò tìm và chọn màu sắc</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_fonts">View fonts</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualize transforms</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Use the Inspector API</a></dt>
 <dd> </dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">Select an element</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Examine and edit CSS</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Examine event listeners</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Work with animations</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Edit CSS filters</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_background_images">View background images</a></dt>
 <dd> </dd>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Use the Inspector from the Web Console</a></dt>
 <dd> </dd>
 <dd> </dd>
</dl>
</div>
</div>

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

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Page_Inspector/Keyboard_shortcuts">Keyboard shortcuts</a></dt>
 <dd> </dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/en-US/docs/Tools/Tools_Toolbox#Inspector">Settings</a></dt>
 <dd> </dd>
</dl>
</div>
</div>