如何调试视图中嵌入的javascript

Question

我想调试嵌入在Google chrome剃刀页的同一视图中的Java脚本或j查询

@section Scripts
{
<script type="text/javascript">
    $(document).ready(function ()
    {
        var myClass = new MyClass();
        myClass.DoSomeStuff();
    });
</script>
}

如何调试和在Google Chrome中设置断点。因为我无法在“源”选项卡中找到脚本？

Answer 1

您是否尝试在代码中添加 debugger 一词？也许可以帮助您。

<script type="text/javascript">
$(document).ready(function ()
{
    debugger
    var myClass = new MyClass();
    myClass.DoSomeStuff();
});

Answer 2

就我而言，脚本文件位于 localhost / scripts / app.min.js 中，但它已缩小（压缩），因此在左下角选择大括号后，您就可以漂亮地打印该脚本文件并放置断点。

Answer 3

chrome开发工具中有一个调试工具。

1. 转到开发工具（F12）
2. 转到“来源”标签
3. 选择要调试的文件

4. 选择断点，如下所示：

5. 按F5键开始调试模式。

6. 按F10查看每次互动。