2016-06-30 18 views
1

javascriptファイルに変数がありますが、その変数は変更され続けますが、変更の理由や時期はわかりません。JS変数にブレークポイントを設定する方法はありますか?

変数が変更されたときにブレークポイントなどを設定する方法はありますか?私は現在Mac上でSafariを使用していますが、Chromeをインストールしているので、Chrome Developer Toolsで簡単な方法があれば、そのようにすることもできます。もちろん、このタイプのデバッグを可能にする別のツールがあれば、それは素晴らしいものです。

これも可能ですか?もしそうなら、どのように?

ありがとうございます。

+0

その変数でウォッチ式を使用できます。 – elclanrs

+0

@elclanrs何らかの理由で、ウォッチ式が実際にコード内にブレークポイントを設定していません。それは単にその変数の現在の値を出力しているだけです。私は、その変数がコード内でどこで変更されるのかを正確に見たいと思っています。どこが変わっているのかわかりません。 –

+0

[duplicate](https://stackoverflow.com/questions/7910623/javascript-debugging-is-there-a-way-to-break-on-a-change-of-variable-value)Firefox **で見る** Chromeでは、これまではグローバル変数の変更を監視するための「ウィンドウ」オブジェクトで私のために働いていなかったpolyfillのみが使用されていました。私はそれのためにfirefoxに飛び乗った。 – papo

答えて

-1

私はMacやSafariを使用していませんが、Chromeのデバッガでは間違いなく可能です。

ページをAlt-クリックし、[Inspect]を選択してDeveloper Toolsを起動します。タブから「ソース」を選択し、左側の索引でページが選択されていることを確認します。ブレークポイントやその他のデバッグツールが用意されています。

+0

私はそれを認識しています。そして、コードの特定の行にブレークポイントを設定する方法を知っています。私はどの変数が変更されているのかを調べようとしています。変数がどこで変更されているのかわかりません。私はどのラインが変わっているのかも知らない。したがって、通常の改行ポイントは役に立ちません。 –

+1

私は、[この質問]から提案されたjavascriptを試して、それを認識していませんでした(http://stackoverflow.com/questions/11618278/how-to-break-on-property-change-in-chrome) –

0

デバッガを追加するだけです。あなたがjavascriptでデバッグし、開発者用コンソールをSafariブラウザで開いた状態でアプリケーションを実行したいところに移動します。

+0

変更されている行が見つかりません。これは、変数がどのような行を変更しているのかを見つける全目標です。 –

-1

Chromeを使用している場合は、CTR - SHIFT - I(オプション/ 3つのバーボタン - >その他のツール - >デベロッパーツール)でデベロッパーインターフェースが開きます。 Sourcesタブでコードを開くと、コードに挿入できる複数の種類のブレークのオプションが表示された右側のメニューが表示されます。

+0

うん、それを知っている。変数がどの行に変更されているかを調べようとしています。私はwatchオプションを試しましたが、実際には変数の現在の値だけを表示するブレークポイントは設定されていません。 –

+0

質問をいくつかの代表的なコードで更新できますか?あなたが提供したような細部まで、これは誰でもあなたに与えることができる程度の指導です。 –