web-dev-qa-db-ja.com

ASP.NETでJavaScriptをデバッグする

Asp.netで記述されたJavaScript関数をデバッグする必要がありました。

現在chromeを使用していますが、ブレークポイントに到達していません。alert('Some message')を入力すると、メッセージが表示されます。

ASP.NETでJavaScript用のデバッガーを使用する方法を誰かが知っている場合は私に知らせてください。

12
NewToNet

chromeでデバッグするには、2つのことを行う必要があります

  1. デバッグを開始する場所にデバッガーを記述します。
  2. スクリプトを実行する前に、開発者ツールを開きます(ctrl + shift + iを押します)

これで、デバッガーを記述したステートメントへの実行の制御時に、デバッグのために実行が一時停止されます。

これはあなたが学ぶための例です、コメントで与えられた指示に従ってください。 Chromeでデバッグする方法

9
Adil

Internet Explorerを使用してコードをデバッグしてみてください。このようにして、デバッグするコードの前にデバッガキーワードを配置できます。

   <script type="text/javascript">
    function s() {
   //enable the debugger feature.
        debugger;
        var alert = "this is a debugger test";
        alert(alert);
    }
   </script>
9
Nudier Mena

FireBugを使用してください!それは素晴らしいです!従来のデバッグよりも少し強力です。 http://getfirebug.com/errors

ステータスバーエラーインジケーター

Firefoxブラウザのステータスバーの右側に、小さな緑色のアイコンが表示されます。これは、FirebugがすべてがA-Okであることを通知する方法です。そのアイコンが赤い「x」に変わるとき、物事はそれほど桃色ではありません。

「x」をクリックしてFirebugエラーコンソールを開き、ページで発生したすべてのエラーを表示します。

エラースープなし

ほとんどのブラウザは、これまでにアクセスしたすべてのWebページの問題を含む1つの大きなウィンドウにすべてをダンプすることにより、エラーを報告します。 Firebugはそれよりも親切です。表示しているページのエラーのみが表示されます。

デバッガーにジャンプします

すべてのエラーレポートの右側には、エラーが発生したファイルと行番号を指すリンクがあります。このリンクをクリックすると、Firebug JavaScriptデバッガーまたはCSSインスペクターに直接移動し、問題の解決をすぐに開始できます。

一部のエラーには、エラーを含むソースの実際のスニペットも含まれます。これは、元のファイルへのリンクでもあります。

Visual Studioは、IEのインスタンスに接続されている場合にのみJavascriptをデバッグできます。

Javascriptデバッガーを含むChromeの開発者ツールを使用する必要があります。

0
SLaks

私の経験から、VisualStudioはマネージコードとJavaScriptを同時にデバッグすることはできません。

これは、Visual Studio内でデバッグモードでASP.NETプロジェクトを開始すると、Webサーバーが起動して接続し、次にIE(または別のブラウザー))接続することを意味します。 JSブレークポイントはヒットしません。

ただし、デバッグなしでプロジェクトを開始し、IE手動でアタッチすると、これらのブレークポイントに到達します。

0
abatishchev