Visual Studioは、Windows 10 EdgeでJavaScriptデバッグを統合しました
Windows 10 EdgeでVisual Studio統合JavaScriptデバッガーを有効にする方法はありますか？ Visual Studio IDE内からコードをステップ実行したり、ブレークポイントを設定したりする機能を意味します。私はVisual Studio 2012と2013を使用していますが、これは2015年に達成できるでしょうか？
TLDR;
Edgeで実行したら、Visual Studio Community 2015の[デバッグ]> [プロセスにアタッチ]を使用します。
- 添付先：
Script code - 利用可能なプロセス：
MicrosoftEdgeCP.exe
手順
- オプション：Edgeをデフォルトのブラウザーとして設定します。
- Visual Studioでプロジェクトを開きます。
- JavaScriptにブレークポイントを追加します。
- ソリューションエクスプローラーでプロジェクトを選択します
Ctrl+Shift+Wを使用して「ブラウザで表示」します。- 手順1を実行した場合は、Edgeで開きます。それ以外の場合は、URLをEdgeにコピーします。
- Edgeで実行したら、Visual Studioで、[デバッグ]> [プロセスにアタッチ]に移動します。
- [接続先]領域で、[スクリプトコード]を選択します。
- 「利用可能なプロセス」から「MicrosoftEdgeCP.exe」を選択します。
- [添付]をクリックして、ページをEdgeで更新します。
- Visual Studio IDEからデバッグします。
デフォルトのブラウザを設定
Visual StudioをEdgeスクリプトにアタッチ
デバッグ中
上記はVisual Studio Community 2015で機能し、以前のバージョンでも機能する可能性があります。やったー！
この機能はVisual Studio 2017 15.7で追加されました。
Microsoft EdgeによるJavaScriptデバッグ
Microsoft Edge DevTools Protocol が含まれているWindows 10 April 2018 Updateも必要です。
使用：Microsoft EdgeHTML 18.17763、MS Visual Studio 15.9.5
私がしなければならなかったことはこれだけでした：VSでDebug-> Optionsをクリックします。 _Debugging-General_... check Enable JavaScript debugging for ASP.NET (Chrome, Edge and IE)の下で、次回VSからEdgeを起動すると、アドレスバーの横に青いDeveloper Tools Serverアイコンが表示されます。 