如何在Visual Studio中調試（僅）JavaScript？

Question

我正在使用Microsoft Visual Studio 2012開發一個webapplication（asp.net mvc 4），隨着解決方案越來越大，調試變得越來越慢。

需要知道是否有一種方法只能在visual studio而不是整個應用程序（服務器+客戶端）上調試我的客戶端（javascript）。

有沒有辦法附加到IE的進程，讓斷點工作....？

沒有興趣讓調試器在整個客戶端/服務器應用程序上運行， 只是客戶端 。

Answer 1

首先打開Visual studio ..在解決方案資源管理器中選擇你的項目。右鍵單擊並選擇“瀏覽方式”選項，然后將IE設置為默認瀏覽器。

現在打開IE ..來
Tools >> Internet option >> Advance>> uncheck the checkbox having "Disable Script Debugging (Internet Explorer).然后單擊“ Apply ，然后單擊“ OK完成。

現在您可以在JS文件中設置斷點，然后點擊VS中的調試按鈕。

編輯： -對於asp.net Web應用程序，右鍵單擊您的啟動頁面（例如default.aspx）並執行相同的步驟。 :)

Answer 2

是的，您可以將斷點放在Visual Studio的客戶端頁面上

首先將調試器放在java腳本代碼中並在瀏覽器中運行該頁面

調試器

之后在瀏覽器中打開頁面並查看inspect元素，您會看到以下視圖

Answer 3

調試器應該使用Visual Studio 2012自動連接到瀏覽器。您可以使用debugger關鍵字在應用程序中的某個點停止或直接在VS中使用breakpoints 。

您還可以在Visual Studio中分離默認調試器，並使用預裝了Internet Explorer或FireBug等的開發人員工具。

為此，請轉到Visual Studio - > Debug - > Detatch All ，然后單擊“在Internet Explorer啟動調試”。 然后，您可以在此級別設置斷點。

Answer 4

可以通過將關鍵字“debugger”寫入要調試的位置進行調試，只需按F5鍵即可調試JavaScript代碼。

http://www.aspsnippets.com/Articles/Debug-JavaScript-and-jQuery-using-Visual-Studio-in-Internet-Explorer-browser.aspx

Answer 5

要在VS2015中調試JavaScript代碼，不需要

1. 在IE選項 - >高級選項卡中啟用腳本調試
2. 在JavaScript代碼中編寫調試器語句

附加IE無法正常工作，但這是一種解決方法。

選擇IE

然后按F5。 這將附加工作進程和IE，如下所示 -

如果您對調試服務器代碼不感興趣，請將其從“進程”窗口中分離。

當您按F5並且所有服務器代碼在VS中編譯並加載時，您仍將面臨緩慢的問題。 請注意，您可以再次分離並附加從VS啟動的IE實例。 JavaScript斷點的命中方式與服務器端代碼相同。