30

Google Chromeコンソールを使用して、変数が定義されたファイルと行を見つける方法は?

たとえば、変数Native(MooTools から) はグローバル スコープで定義されています。Google Chrome コンソールを使用してこの変数を定義したファイルを知りたいです。

4

3 に答える 3

30

クロムの使用:

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

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

とった ！

編集: 2015 年 3 月(おかげでTML )

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

ここに画像の説明を入力

編集：2015年11月（tzviに感謝）

オプションを見つけるには、右上隅にある 3 点ボタンを使用する必要がありSearch all filesます。

ここに画像の説明を入力

于 2012-09-05T07:48:46.227 に答える
2

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

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

于 2012-07-30T19:50:40.287 に答える
1

ネイティブは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

= 割り当てのクイックファイル検索は、ほとんどの場合、行く方法です

于 2012-09-01T23:53:46.623 に答える