aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/tools/debugger/how_to/search/index.html
blob: 13eee9b6629b22eeb3c124641d9110e14ac96b3b (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
---
title: 搜索
slug: Tools/Debugger/How_to/Search
translation_of: Tools/Debugger/How_to/Search
---
<div>{{ToolsSidebar}}</div>

<h2 id="搜索文件">搜索文件</h2>

<p>按下<kbd>Ctrl</kbd> + <kbd>P</kbd> (或者在Mac上按下 <kbd>Command</kbd> + <kbd>P</kbd>)并输入文件名来搜索文件。<a href="/zh-CN/docs/Tools/Debugger/UI_Tour#Source_pane">源码区</a>会在你输入的过程中显示所有符合搜索条件的文件。你可以用上下箭头在列表中移动并选择文件,按下回车<kbd>Return</kbd>来打开文件:</p>

<p>{{EmbedYouTube("xXsfYx0THWg")}}</p>

<h2 id="在文件中搜索">在文件中搜索</h2>

<p>要在<a href="/zh-CN/docs/Tools/Debugger/UI_Tour#Source_pane">源码区</a>中搜索已打开文件的中的内容,在源码区有焦点的情况下按下<kbd>Control</kbd> + <kbd>F</kbd>(或者在Mac上按下<kbd>Command</kbd> + <kbd>F</kbd>)输入后按下回车<kbd>Return</kbd>开始搜索。调试器会显示符合搜索条件的数量,并高亮显示每个结果:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16906/search_code.png" style="border: 1px solid black; display: block; height: 236px; margin: 0px auto; width: 545px;"></p>

<h3 id="使用Outline">使用Outline</h3>

<p>如果你正在当前的JavaScript文件中找函数,你可以用Outline来快速的找到那个函数。Outline中列出了当前文件中的函数,默认是以函数在文件中的顺序排序的。但是你可以在底部使用“根据函数名排序”(Sort by name)的功能来加快搜索。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16907/outline_sorted.png" style="display: block; margin: 0 auto;"></p>

<p>你可以使用过滤功能来更加快速的找到想要的函数,只需要在Outline顶上的文本框中输入文字就可以过滤不需要的结果。例如我在上图中的Filter functions中输入“load”,我就可以得到以下结果:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16908/outline_filtered.png" style="border: 1px solid black; display: block; margin: 0 auto;"></p>

<p>只有函数名中包含“load”的函数会显示出来。</p>

<p>这个功能在搜索只有几个函数的文件时可能不会那么游泳,但是当你在一个有数十个函数的文件中找想要的函数的时候就会显得方便。</p>

<h2 id="在所有文件中搜索">在所有文件中搜索</h2>

<p>你也可以在所有文件中找一个字符串。按下 <kbd>Shift</kbd> + <kbd>Ctrl</kbd> + <kbd>F</kbd>(Windows和Linux系统)或者<kbd>Shift</kbd> + <kbd>Cmd</kbd> + <kbd>F</kbd>(macOS系统)并输入你想要找的字符串。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16790/searchInAllFiles.png" style="border: 1px solid black; display: block; margin: 0 auto; width: 800px;"></p>

<p>如果目标字符串存在在文件中,Debugger会显示一个列表,包含所有找到的文件和字符串对应的行号。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/16789/ctrlShiftF.png" style="border: 1px solid black; display: block; height: 342px; margin: 0px auto; width: 800px;"></p>

<p>只需在列表中点击对应的项目就可以直接前往到那个文件中的那一行,也就是包含要搜索的字符串的地方。</p>