如何在 Chrome 开发人员工具中调试由 javascript 加载的部分视图内的脚本？答案

【问题标题】：How to debug a script inside partial view that load by javascript in Chrome Developer Tools?如何在 Chrome 开发人员工具中调试由 javascript 加载的部分视图内的脚本？
【发布时间】：2018-10-04 15:57:11
【问题描述】：

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

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

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

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

【问题讨论】：

标签： javascript google-chrome debugging partial-views jquery-load

【解决方案1】：

omatase's answer：

使用语法：

//# sourceURL=fileName.cshtml

在打开您的脚本标签后立即。示例：

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

您可以通过文件名在调试模式的源选项卡中找到您的 javascript

【讨论】：