如何在 cshtml 中调试 JavaScript

本文关键字：调试 JavaScript cshtml | 更新日期: 2023-09-27 18:34:06

我有一个以下格式的.cshtml文件(如果我的JavaScript术语有点松散，请道歉(

@model SomeViewModel
@{ Response.ContentType = "application/x-javascript"; }
$(function() {
         // Javascript event handler code here
    }
});
$(function ($) {
        // Javascript JQuery.DatePicker extensions here
    }
});

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

由于解决方案中的其他地方存在一个具有完全相同的 javascript 的 MyDatepicker.js 文件，以及一个在运行时出现并且可以调试(差不多(的MyDatepicker.min.js，因此情况有些复杂。

所以

  • CSHTML 中的 JS 代码发生了什么变化 - 我可以忽略它吗？
  • 如何确保加载 JavaScript 的非缩小版本
  • 如何确定缩小版本的位置剧本从何而来？

按照下面给出的建议，我找到了以下课程。

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

这似乎解释了JavaScript是如何被缩小的。

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

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

如何在 cshtml 中调试 JavaScript

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

相关文章：