Visual Studio Community 2017的客戶端和服務器端JavaScript調試經驗

Question

我隱約想起了很多年前在Visual Studio中調試客戶端JavaScript代碼的情況（這是在瀏覽器具有Dev Tools之前，而您只有Firefox的Firebug擴展），但是最近，當我嘗試使用它時，我無法破解其中的腳本Visual Studio，我必須在瀏覽器內部的開發工具中使用調試器。

當我在Visual Studio中設置一個斷點並運行我的應用程序時，該應用程序不遵守該斷點，而是繼續運行。 當我在代碼編輯器中查看斷點時，看到一條消息，內容為：

斷點當前不會被命中。 沒有為該文檔加載任何符號。

我在64位Windows上使用Firefox 62.0.3。

我的問題是：

1. 就像Visual Studio Code的“ Chrome Debugger”擴展允許在Code內部進行JavaScript調試一樣，對於客戶端和服務器端JavaScript，我可以將它們與Visual Studio Community 2017一起使用來調試JavaScript，並且還支持源映射？

2. 另外，這不是很重要，但是由於我已經有一段時間無法在Visual Studio中調試JavaScript了，我開始懷疑我是在Visual Studio中實際調試它還是只是夢想還是回憶。出錯了。 但是我很確定，我100％做到了。 但是我還是不知道。 我知道我做到了，但是有時候，我只是想確保它不只是我。

Answer 1

為先前的答案添加更多更新-

1. 從Visual Studio 2017 15.7版開始支持Microsoft Edge調試。您需要使用“ Windows 10 April 2018 Update ”或更高版本。
2. 同樣，默認情況下，默認情況下，Visual Studio 2017上還默認禁用Javascript調試。您可以啟用上面的文章中所示的功能，也可以在使用JavaScript / TypeScript文件中設置的斷點開始調試時自動使Visual Studio顯示以下對話框。 在Visual Studio 2017中啟用JavaScript對話框

Answer 2

是的，也可以在Visual Studio 2017中啟用調試JavaScript的選項。 1.轉到工具，然后選擇選項。2.然后，通過單擊調試標簽，您可以看到許多復選框選項。 3.在該檢查中，是否通過提供的JavaScript調試選項啟用了Visual Studio。

通過啟用此功能，您可以在Visual Studio 2017上使用客戶端JavaScript調試

Answer 3

簡短的答案是：

1. Visual Studio的JavaScript調試經驗僅適用於Chrome和Internet Explorer中的調試腳本。 我不確定Microsoft Edge是否可用。 而且，由於Internet Explorer幾乎已經用完，因此肯定可以使用這種瀏覽器的唯一流行瀏覽器是Chrome。

   因此，在Visual Studio中啟動調試會話時，請確保從工具欄的瀏覽器列表中選擇Chrome 。

2. 是的，我不是在做夢。 我曾經能夠在Visual Studio中調試這些JavaScript文件，但是那時，我會不自覺地使用Internet Explorer。 這種體驗僅適用於Internet Explorer。

在開始調試之前，請確保要執行以下操作：

1. 確保正在運行調試配置，因此所有符號都已加載。為此，請轉到Project-> Properties ，然后從對話框中導航到Configuration Properties頁面，然后選擇Debug作為該字段的活動配置。在下面的圖片中突出顯示。

2. 就像Prasanna Brabourame在回答中所說的那樣，選中“ 工具->選項->調試對話框”中的“啟用ASP.NET的JavaScript調試（Chrome和IE）” 復選框 。