如何在DevTools的JavaScript调试器中搜索指定关键词

以下操作适用于Chrome、Edge等所有Chromium内核浏览器的DevTools，无需在右键弹出菜单中查找对应选项，直接通过快捷键触发即可：

全局搜索所有JS文件内容 #

• 打开DevTools后，按快捷键Ctrl + Shift + F（Windows/Linux）或者Cmd + Opt + F（Mac），即可调出全局内容搜索面板
• 输入目标关键词即可检索所有加载的JS、CSS、HTML等静态资源内容，支持勾选大小写匹配、正则匹配、全字匹配规则筛选结果，点击对应搜索结果可直接跳转至目标文件的对应行位置

单个已打开JS文件内搜索 #

• 进入Sources面板，打开你需要检索的目标JS文件
• 按快捷键Ctrl + F（Windows/Linux）或者Cmd + F（Mac）调出当前文件专属搜索框，输入关键词后所有匹配结果会在代码中高亮显示，按回车可依次切换下一个匹配项

快速搜索定位函数/变量声明 #

• 打开目标JS文件后，按快捷键Ctrl + P（Windows/Linux）或者Cmd + P（Mac）调出跳转输入框
• 输入@符号后再输入你要查找的函数名或变量名，即可直接定位到对应声明的代码行位置

内容的提问来源于stack exchange，提问作者alancc