web-dev-qa-db-ja.com

Chrome開発ツールはコードにヒットしますが、ブレークポイントにはヒットしません

chrome開発ツールでブレークポイントを有効にしていて、行にブレークポイントがあります。行にブレークポイントを設定したため、chromeが行にヒットしていることがわかります。 alert("why is this not breaking") localhostでファイルを見つけた場合、ブレークポイントは機能します。ブレークポイントはローカルエディターで機能していましたが、現在は機能しません。他の誰かが同様の問題を抱えていましたか?

17
ford prefect

ブレークポイントに到達しないという同様の問題がありました。それはサイトのデプロイされたバージョンであることが判明しましたが、開発ツールにはまだローカルのdevフォルダーがワークスペースにマップされていました。つまり、サーバー上のファイルではなく、ローカルのスクリプトファイルを開いていました。解決策は、開いているローカルスクリプトを閉じ、ナビゲーターで適切なファイルを開いてから、ブレークポイントを設定することでした。

そもそも気づかなかったのは少し馬鹿げていましたが、これは私と同じ問題を抱えている他の人にとっては良いメモになるかもしれません。

19
baralong

誰かが後でこれに遭遇した場合。私はこの質問に対する決定的な答えをまだ見つけていませんが、これらは私がいくつかの有用な情報を見つけた他のいくつかです:

Chrome開発者ツールのワークスペースマッピング

Chrome Stable/Canary Dev Toolsの問題-オートコンプリートを強調する構文など

本当の解決策が見つかったら、これを更新し続けます

受け入れられた答えはここで正しいです。

2
ford prefect

Chrome javascriptデバッガブレークポイントは何もしませんか?debugger;のヒントは、私の間違いがどこにあるかを見つけるのに役立ちました。

私はRailsプロジェクトに初めて取り組んでいますが、知らないうちに2つのバージョンのファイルがありました。Railsの「アセットパイプライン」は//= require fooステートメントを使用してインポートし、同じfooファイルも別の場所に含まれていました。

ありがたいことに、debugger;は私に正しい場所を教えてくれました。

1
Ben

開発者ページの[ソース]タブ(クロムのF12)で、例外が発生したときに設定を停止できるようにする必要があります。 (他の拡張機能をアンロードして、問題のある拡張機能だけに集中できるようにし、左側のパネルのサムネイルも削除します)。

設定したデバッグブレークポイントよりも早く例外がスローされる場合があります。例えば。マニフェストファイルに拡張権限の要件がない場合は、リソースを使用しようとしても使用できないと例外がスローされます。

0
Markus