web-dev-qa-db-ja.com

Visual Studioで(のみ)JavaScriptをデバッグする方法は?

Microsoft Visual Studio 2012を使用してWebアプリケーション(asp.net mvc 4)を開発していますが、ソリューションが大きくなるにつれて、デバッグが遅くなります。

アプリケーション全体(サーバー+クライアント)ではなく、Visual Studioでクライアント側(javascript)のみをデバッグする方法があるかどうかを知る必要があります。

IEのプロセスにアタッチして、ブレークポイントを機能させる方法はありますか?...?

クライアント/サーバーアプリケーション全体でデバッガーを実行することに興味がない、just client

40
Flavio Oliveira

最初にVisual Studioを開きます。ソリューションエクスプローラーでプロジェクトを選択します。右クリックして[参照]オプションを選択し、IEをデフォルトのブラウザーとして設定します。

enter image description here IE ..go to
Tools >> Internet option >> Advance>> uncheck the checkbox having "Disable Script Debugging (Internet Explorer).をクリックし、ApplyおよびOKをクリックして完了です。

これで、JSファイルにブレークポイントを設定し、VSのデバッグボタンを押すことができます。

enter image description here

編集:- asp.net Webアプリケーションの場合、起動ページ(たとえばdefault.aspx)であるページを右クリックし、同じ手順を実行します。 :)

30
Pranav

はい、Visual Studioのクライアントサイドページにブレークポイントを設定できます

最初にデバッガーをJavaスクリプトコードに入れて、ブラウザーでページを実行します

デバッガ

enter image description here

その後、ブラウザでページを開き、検査要素を表示すると、次のビューが表示されます

enter image description here

7
Kamran

デバッガーは、Visual Studio 2012を使用してブラウザーに自動的にアタッチする必要があります。debuggerキーワードを使用して、アプリケーションの特定のポイントで停止するか、VS内でbreakpointsを直接使用できます。

Visual Studioでデフォルトのデバッガーをデタッチし、Internet ExplorerやFireBugなどで事前にロードされた開発者ツールを使用することもできます。

これを行うには、Visual Studio-> Debug-> Detatch Allに移動し、[Internet Explorerでデバッグを開始]をクリックします。その後、このレベルでブレークポイントを設定できます。 enter image description here

6
Darren

VS2015でJavaScriptコードをデバッグする場合、必要はありません

  1. IEオプション->詳細タブでスクリプトのデバッグを有効にする
  2. JavaScriptコードでデバッガーステートメントを記述する

添付IEは機能しませんでしたが、回避策があります。

IEを選択

enter image description here

f5を押します。これにより、ワーカープロセスとIEがここに示すように- enter image description here

サーバーコードのデバッグに興味がない場合は、[プロセス]ウィンドウから切り離してください。 enter image description here

F5を押すと、すべてのサーバーコードがVSでコンパイルおよびロードされるときに、依然として速度が低下します。 VSから起動されたIEインスタンスを再度デタッチおよびアタッチできます。JavaScriptブレークポイントは、サーバー側コードと同じ方法でヒットします。

4
Vikash Gupta

デバッグしたい場所にキーワード「debugger」を記述し、F5キーを押してJavaScriptコードをデバッグするだけでデバッグできます。

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

4
StepUp