web-dev-qa-db-ja.com

chrome consoleでjsグローバル変数を定義したファイルを知る方法は？

Google chrome consoleを使用して変数が定義されたファイルと行を見つける方法は？

たとえば、変数Native（MooToolsから）はグローバルスコープで定義されています。 google chrome consoleを使用してこの変数を定義したファイルを知りたい。

javascriptgoogle-chromemootoolsgoogle-chrome-devtools
29
lovespring

chrome：

  1. Webインスペクターを開く
  2. コンソールを表示し、検索している変数が存在するかどうかを確認します（例：ネイティブ Enter）
  3. リソースパネルをクリックします
  4. 右上の検索フィールドにNative=、var Native、またはNative =を入力します
  5. 結果が出ました！

ここでは、Native=検索の結果は1つだけです。結果は自動的に強調表示され、対応するファイルが開かれます。私の例では、Native宣言がmootools.core.jsの12行目にあることがわかります。

Got it !

編集：2015年3月（ありがとう [〜＃〜] tml [〜＃〜] ）

最新のChromeバージョンでは、右上の検索フィールドはもう存在しません。
代わりに、右上隅にあるShow drawerをクリックします（または Esc）、画面の下部に表示されたSearchタブを選択します。

enter image description here

編集：2015年11月（ありがとう tzvi ）

次に、右上隅にある3つのドットのボタンを使用して、Search all filesオプションを見つける必要があります。

enter image description here

30
zessx

「リソース」（2番目）タブで「varNative」を検索できます。

関数定義は、コンテキストメニューの「スコープ変数」ブロックから見つけることができますが、ChromeのWebInspectorには「この変数がどこから来たのか/定義された場所を見つける」などの機能はありません。

2
kirilloid

ネイティブはcore.jsの437行目で定義されています

var Native = this.Native = function(properties){
    return new Type(properties.name, properties.initialize);
};

Native.type = Type.type;

Native.implement = function(objects, methods){
    for (var i = 0; i < objects.length; i++) objects[i].implement(methods);
    return Native;
};

https://github.com/mootools/mootools-core/blob/master/Source/Core/Core.js#L437

=割り当てのクイックファイル検索は、ほとんどの場合、進むべき道です

1
msEmmaMays