Javascript 如何在ChromeDevTools中调试ajax请求中加载的js

事实上，我是谷歌Chrome开发工具的忠实粉丝，但这是一个非常广阔的学习领域。我对它了解不多。我知道如何找出调试点，搜索Ctrl+Alt+F和调试等基本的事情

但在我的一个asp.NETMVC项目中，它在Ajax请求中请求不同的视图，并且在这些视图中有一些js加载。我想调试它们，但无法调试。事实上，我不知道在哪里可以看到它们——特别是在ajax调用其非内联javascript而是单独的JS文件后加载的JS

我发现的一个解决方法是-如果我放置1个调试器；在这个js文件中，它会以一些VM3012或类似的名称和不同的数字打开。只有我才能看到这些文件。但是我不能在发布代码时放入调试器

任何人都知道，请帮忙

非常感谢你的阅读

编辑

---

根据第一个答案，我已经尝试过了，但我可以在普通JS文件的源代码面板中看到这个选项。但在我的例子中，我的请求是将一些查询字符串传递给js文件，如assets/components/utility/mycustom.js？——=15282662460，我无法看到此类请求的选项。非常感谢您的帮助，但还需要更多帮助。

转到开发工具的“网络”选项卡。您可以按js文件进行筛选，以帮助您找到所需的文件。右键单击所需文件，然后选择“在源中打开”面板。您现在应该可以将断点放在您喜欢的位置，就像您习惯的那样。

很抱歉，当右键单击“网络中的文件”选项卡时，我无法在“源代码”面板中看到“打开”。我正在运行OSX 10.13.4和chrome 66。您还可以查看这个似乎相关的答案：我已编辑了我的问题，以供参考。在“源代码”面板中打开选项未出现在XHR类型的javascripts文件中