时间戳

首页 > 解决方案 > 如何在 Chrome 开发人员工具中调试由 javascript 加载的部分视图内的脚本？

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

问题描述

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

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

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

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

标签： javascriptgoogle-chromedebuggingpartial-viewsjquery-load

解决方案

omatase 的回答：

使用语法：

//# sourceURL=fileName.cshtml

打开脚本标签后立即。例子：

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

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

推荐阅读