blob: dea2fd513962499bc6e2b374579e1583b548b74f (
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
|
---
title: 頁面檢測器
slug: Tools/Page_Inspector
translation_of: Tools/Page_Inspector
---
<p>使用頁面檢測器檢測並修改網頁的 HTML 與 CSS。</p>
<p>You can examine pages loaded in the local copy of Firefox or in a remote target such as Firefox for Android. See <a href="/en-US/docs/Tools/Remote_Debugging">remote debugging </a>to learn how to connect the developer tools to a remote target.</p>
<hr>
<h2 id="用戶介面導覽">用戶介面導覽</h2>
<p>To find your way around the Inspector, here's a <a href="/zh-TW/docs/Tools/Page_Inspector/UI_Tour">quick tour of the UI</a>.</p>
<hr>
<h2 id="如何">如何</h2>
<p>想知道頁面檢測器可意做什麼，請參考以下教學：</p>
<div class="twocolumns">
<ul>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">Open the Inspector</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Examine and edit HTML</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examine and edit the box model</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Inspect and select colors</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Reposition elements in the page</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/View_fonts">View fonts</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualize transforms</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Use the Inspector API</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Select_an_element">Select an element</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Examine and edit CSS</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Examine event listeners</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Work_with_animations">Work with animations</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Edit CSS filters</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Edit_CSS_shapes">Edit CSS shapes</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/View_background_images">View background images</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Use the Inspector from the Web Console</a></li>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/How_to/Examine_grid_layouts">Examine CSS grid layouts</a></li>
</ul>
</div>
<hr>
<h2 id="參考">參考</h2>
<div class="twocolumns">
<ul>
<li><a href="/zh-TW/docs/Tools/Page_Inspector/Keyboard_shortcuts">鍵盤快捷鍵</a></li>
<li><a href="/zh-TW/docs/Tools/Tools_Toolbox#Inspector">設定</a></li>
</ul>
</div>
|
