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

Posted 2023-05-08

【中文标题】如何在 Chrome 开发人员工具中调试由 javascript 加载的部分视图内的脚本？

【英文标题】：How to debug a script inside partial view that load by javascript in Chrome Developer Tools?

【发布时间】：2018-10-04 15:57:11

【问题描述】：

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

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

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

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

【参考方案1】：

omatase's answer：

使用语法：

//# sourceURL=fileName.cshtml

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

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

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