2016-11-19 7 views
0

私はVSコード(v1.7を使用)とJavaScriptを初めて使用しています。デバッガfor Chrome拡張機能(v2.2.2)を使用しようとしていますが、機能するためにブレークポイントを取得できません(設定できますが、未検証のブレークポイントは無視されます)。Chrome用デバッガを使用してVSコードブレークポイントをトリガできない:

私は私が通じ達成するポート9222上でのデバッグでChromeを起動する必要があることを理解:

chrome.exe --remote-debugging-port=9222 

は、私は、問題を実証するための非常に簡単なテストを設定したことを行っています。私が作成した

{ 
    "version": "0.2.0", 
    "configurations": [{ 
      "name": "Launch index.html", 
      "type": "chrome", 
      "request": "launch", 
      "port": 9222, 
      "file": "${workspaceRoot}/index.html", 
      "webRoot": "${workspaceRoot}" 
     } 
    ] 
} 

(.vscodeフォルダの)次のように

私はlaunch.jsonを設定したとして、非常に単純なindex.htmlを:最後に

<!DOCTYPE html> 
<html> 
<script src="script.js"></script> 
</html> 

とスクリプト.jsは:

console.log("Started"); 
var x = 1; //breakpoint set here 
console.log(x); 
console.log("Complete"); 

コードでF5を押してから、script.jsを実行しているコードを読み込みます。ブレークポイントが設定されていないと、コードは期待どおりに終了しますが、それは起こりたいことではありません。

完了時に、画像1が表示され、赤色のブレークポイントアイコンが灰色のものに置き換えられ、ホバーオーバーで「未確認のブレークポイント」が表示されます。

私は本当に単純な間違いをしたと思っていますが、私はそれを理解できません。何か案は?ありがとう。

答えて

2

設定が正しいようですが、これはChrome Devツールのバグが原因です - Chrome needs to be refreshed before javascript files are shown in the sources tab
何が起こっているのですか?
スクリプトの実行後、V8はchromeデバッグ拡張機能が開発ツールを起動する前にV8を収集します。そのため、デバッグできません。
解決策 - ロードしたページをリロードしてください。

+1

これは、Chrome Devツールの@Marcsにあるバグです。上記のindex.htmlファイルを起動し、devツールを開くと、ソースタブで見つからなくなります。 –

+0

...あなたはソースタブでスクリプトを見つけられません...何らかの理由で上記の私のコメントを編集または削除することはできません。 –

+0

内部デバッガとChrome Canary(ベータブランチ)で同じ問題が発生しています。 – Marcs

関連する問題