javascript - 如何在cshtml中调试javascript

Question

我有一个以下格式的 .cshtml 文件(如果我的 JavaScript 术语有点宽松，敬请原谅)

@model SomeViewModel
@{ Response.ContentType = "application/x-javascript"; }

$(function() {
         // Javascript event handler code here
    }
});

$(function ($) {
        // Javascript JQuery.DatePicker extensions here
    }
});

我相当确定第二个 JS block 中有一个需要修复的错误，但我正在努力调试它。我正在使用 Chrome。

由于解决方案中的其他位置存在具有完全相同的 javascript 的 MyDatepicker.js 文件和 MyDatepicker.min.js，因此情况有些复杂。它在运行时出现并且可以调试(大约)。

所以

• cshtml 中的 js 代码发生了什么 - 我可以忽略它吗？
• 如何确保加载非缩小版本的 JavaScript
• 如何确定缩小版本的位置 脚本来自哪里？

<小时/>

按照下面给出的建议，我找到了以下类(class)。

public class MyDatePickerController : Controller
{
    // GET: /jquery.mydatepicker.js
    [Minify]
    [HttpGet]
    public ActionResult Index()
    {
        MyDatePickerViewModel model = new MyDatePickerViewModel(); 

        return View(model);
    }
}

这似乎解释了 javascript 如何被缩小。

鉴于 .cshtml 文件中存在 MyDatePicker.js 文件以及代码，我仍然不确定加载了哪个 JavaScript 副本。我将编辑其中一个，取出 minify 并查看加载哪个。

<小时/>

现在我已经找到了脚本被缩小的原因，我已经能够确定正在执行的 JavaScript 是来自 razor 文件 (.cshtml)

Answer 1

检查您的bundleconfig文件，MyDatepicker.min.js可能与其他js文件捆绑在一起。