javascript - 如何在 Chrome 开发者工具中调试由 javascript 加载的部分 View 内的脚本？

Question

当我使用以下代码加载包含 javascript 代码的 html 文件时

$("#containerId").load("@Url.Action("ActionName")");

我在 chrome 源选项卡中找不到它 我发现 chrome 将 js 加载的文件重命名为“VM27123”之类的名称，每次刷新时数字都会更改，并且 chrome 不会在搜索结果中显示这些文件

那么我怎样才能找到它们并在其上设置断点呢？

Answer 1

omatase's answer :

使用语法:

//# sourceURL=fileName.cshtml

打开脚本标签后立即。示例:

<script type="text/javascript">
    //# sourceURL=fileName.cshtml
    function foo() {}
</script>

您可以在 Debug模式下的“源”选项卡中按文件名找到您的 javascript