如何调试嵌入在视图中的javascript答案

【问题标题】：how to debug javascript embedded in view如何调试嵌入在视图中的javascript
【发布时间】：2018-09-24 16:29:24
【问题描述】：

我想调试嵌入在谷歌浏览器剃须刀页面同一视图中的 java-script 或 j-query

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

如何在谷歌浏览器中调试和放置断点。因为我在源选项卡中找不到脚本？

【问题讨论】：

标签： javascript jquery asp.net-mvc razor

【解决方案1】：

您是否尝试将 debugger 这个词添加到您的代码中？也许它可以帮助你。

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

【讨论】：

引用debugger

【解决方案2】：

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

转到开发工具 (F12)
转到来源选项卡
选择要调试的文件
选择断点，如下所示：
按 F5 启动调试模式。
按 F10 查看每个交互。

【讨论】：

【解决方案3】：

在我的例子中，脚本文件在 localhost/scripts/app.min.js 中，但它被缩小（压缩），所以在左下角选择大括号后，您可以漂亮地打印该脚本文件并设置断点。

【讨论】：