2016-02-11 55 views
0

,我有以下格式的.cshtml文件(道歉,如果我的JavaScript術語是有點鬆)如何調試JavaScript的CSHTML

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

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

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

我相當肯定,有需要在修復bug第二個JS塊,但我正在努力調試它。我正在使用Chrome。

由於在解決方案的其他地方存在一個具有完全相同的javascript的MyDatepicker.js文件以及出現在運行時並且可以調試(大約)的MyDatepicker.min.js這一事實,圖片有些複雜。

所以

  • 發生了什麼JS代碼在CSHTML - 可我忽略了嗎?
  • 如何確保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

+0

爲什麼downvote,請? –

回答

1

檢查bundleconfig文件的原因, MyDatepicker.min.js可能與其他js文件捆綁在一起。

+0

我在項目中有兩個BundleConfig.cs文件,一個在App_Start下,另一個在Mvc \ App_Start下。 'MyDatePicker.min.js'和'MyDatePicker.js'不在其中。這足以得出結論:.js文件沒有被加載,並且RAZR版本是? –

+0

檢查您的_Layout.cshtml以及。 –

+1

按下Ctrl + Shift + F並搜索MyDatepicker。 您可以在解決方案中找到所有帶有「MyDatepicker」的文件。 –