Google Chrome開発ツールでスコープ変数を検索するにはどうすればよいですか？

Question

Google Chromeデベロッパーツールでjavascript関数にブレークポイントを設定しました。

私は、値が "Fred"の関数のスコープ変数で変数を探しています。関数のスコープ内の変数の中でこの値を検索するにはどうすればよいですか？

Answer 1

Chrome DevTools内で、変数のスコープ/コンテキスト内にある特定の行にブレークポイントを設定できます。ブラウザの実行がブレークポイントに達すると、そのスコープ内のすべての変数/関数とグローバルスコープにアクセスできます。

また、Chromeのコンソールを利用して、現在のスコープ内でアクセス可能な変数を出力することもできます。クロームデベロッパーツールの詳細については訪問：

コンソールでの手動

https://developers.google.com/chrome-developer-tools/

Answer 2

この方法を：

console.log(this); 

ORに相当します

console.log({set x(){}}); 

：

console.log(Object.defineProperty({},'x',{get: function(){}})); 

コンソールで

は、ルックアップ：

get x: function(){} - ><function scope> - >Global: Window

Answer 3

をあなたが開発者ツールドン」として、あなたが実際に検索を実行できるように、コンソールにスクリプトを追加する必要がありますデフォルトでこれを許可します。

function scanScope(whatToScan, scanValue) { 
 
\t for (var key in whatToScan) { 
 
\t \t if (whatToScan[key] == scanValue) { 
 
\t \t \t console.log(key + ' = ' + whatToScan[key]); \t \t 
 
\t \t } else { 
 
\t \t \t if((typeof whatToScan[key] === "object") && (key !== null)) { 
 
\t \t \t \t scanScope(whatToScan[key], scanValue); 
 
\t \t \t } 
 
\t \t } 
 
\t } 
 
}

コピーしてコンソールにそれを貼り付け、その後、あなたが検索したい範囲でそれを呼び出します。ここではあなたのために、その関数は、（を更新については、以下の私の要旨のコメントを参照してください）ですあなたが検索したい値ともちろん、大きすぎるオブジェクトは検索しないように注意してください。あなたは、例えば、角度でプログラミング、そして「常にドットを持っている」ルールを以下の場合は、あなたのようなコールでそれをスキャンすることができます

scanScope($scope.model, 'Fred');