web-dev-qa-db-ja.com

JavaまたはFirefoxでVisual Studio 2015を使用してChromeスクリプトをデバッグする

IEで問題なくデバッグできますが、別のブラウザーを試しても、コードがブレークポイントで停止しません。現在IEと互換性のないプロジェクトがあります。 OpenJSCADをプロジェクトの依存関係として使用しているため、ChromeまたはFirefoxでデバッグする必要があります。

Visual Studio 2015でJavaまたはFirefoxでChromeスクリプトをデバッグすることはできますか?

16
mrh

あなたは絶対にそれを行うことができますが、やるのは少し難しいです。ツールバーで、ボタンをクリックしてデバッグするブラウザのドロップダウンを取得し、「参照...」をクリックします。 [追加...]をクリックし、プログラムをChromeがマシンのどこにあるかを設定します。引数を--remote-debugging-port=9222に設定します。キャッシュを無視する必要があるので、必要ありません。

enter image description here

重要! Chromeは以前に起動することはできません。Chrome= Visual Studioから新たに起動する必要があります。

この後、[デバッグ]-> [プロセスにアタッチ...]->プロジェクトのタイトルまたはそれに類似したchromeインスタンスを選択して、[アタッチ]をクリックします。

enter image description here

すべてが機能する場合、Visual StudioでJavascriptをデバッグし、すべてのChrome=機能も使用できます。

enter image description here

プロセスにアタッチすると、chrome.exeを終了せずにデバッグを停止することはできません。ただし、[デバッグ]-> [すべて切り離す]をクリックすると、この問題を回避できます。

20
Ogglas

デバッグブラウザとしてnon IEブラウザを使用する場合、Visual StudioでのJavascriptデバッグはできません。彼らはまだ助けていない、1つは https://www.jetbrains.com/webstorm/features/#JS_debugging のようなサードパーティのツールを探すべきだ

デバッグの詳細

9
tech-gayan

私はこの問題を抱えていました...そして、私は何が起こっているのかを理解しました、それは私のweb/javascriptアプリにありました。 ahrefリンクtarget = '_ blank'があり、新しいウィンドウデバッグプロセス外が作成されました。そのため、新しいウィンドウではデバッグは行われません。元のVSウィンドウのデバッグが機能する場合。ターゲット_blanksを一時的に無効にするか、現在のウィンドウでURLを手動で変更します。

1
SaltyHash

[接続]オプションとして[WebKitコード]を選択してください。また、ターゲットプロセスとしてCanaryを使用するたびにchromeを使用するたびにChromeを開始する必要がないようにします。

これで迷惑な点の1つは、VSが実際のデバッグを実行する「動的な」スクリプトファイルを作成するため、元の.jsソースファイルに配置されたブレークポイントが無視されることです。

0
jool