如何在Chrome开发者工具中转到特定文件？ [英] How to go to a specific file in Chrome Developer Tools?

问题描述

我正在使用沉重的前端方法开发Web应用程序。通过使用Dojo和AMD-way，我目前可以测试屏幕，可以轻松加载一百多个不同的javascript文件。

I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files.

当我想调试任何特定问题时，或验证我是否看到某个特定文件的旧版本，发现在Chrome开发者工具的源标签中确实找不到文件。

When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools.

我可以执行的任何快捷方式或操作将使我键入文件的名称，并使我进入该文件的源？

Is there any shortcut or action I can make that will let me type the name of a file and will take me to the source of that file?

推荐答案

在源选项卡中，使用 CTRL + O （对于Mac，为⌘ + O ）来搜索脚本，样式表和摘要按文件名排序。

While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.

（使用 CTRL + SHIFT + O 在查看文件时过滤/导航到JavaScript函数/ CSS规则）

(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)

[ Chrome Devtools速查表]

这篇关于如何在Chrome开发者工具中转到特定文件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！