2012-07-25 30 views
22

如何找出使用谷歌瀏覽器控制檯定義哪個文件和行變量?如何知道哪個文件在chrome控制檯中定義了一個js全局變量?

例如,變量Native(來自MooTools)已在全局範圍內定義。我想知道在哪個文件中使用谷歌瀏覽器控制檯定義了這個變量。

+3

看起來你只是要求別人來搜索東西[文件](https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools.js) ?這是一個編程問題?這對2人有用嗎?到底是怎麼回事? – Esailija 2012-07-25 07:56:07

+0

@Esailija在Chrome控制檯中,不僅僅是這個時間或者mootools。 – lovespring 2012-07-25 07:59:42

+1

如果你的問題是「如何搜索使用chrome控制檯定義變量的文件」,那麼你的問題需要一個嚴肅的編輯,因爲現在你只需要外包人員在文件中進行Ctrl + F搜索...... – Esailija 2012-07-25 08:00:35

回答

23

使用Chrome的方式:

  1. 打開網絡檢查器
  2. 顯示控制檯和檢查,如果你要搜索的變種存在(例如:本地輸入
  3. 單擊資源面板上
  4. 輸入,var NativeNative =右上角搜索字段
  5. 你已經得到了你的結果!

這裏,搜索只有一個結果。結果會自動突出顯示,並打開相應的文件。在我的例子,可以看到Native聲明是mootools.core.js,行12

Got it !

編輯:2015年3月(感謝TML

右上方的搜索字段不存在不再是最新的Chrome版本。
相反的,點擊Show drawer在右上角(或打Esc鍵),並選擇Search標籤,只是出現在屏幕的底部:

enter image description here

編輯:2015年11月(謝謝tzvi

您現在需要使用右上角的三點按鈕來查找Search all files選項。

enter image description here

+2

這是現在唯一的方法:( – lovespring 2012-09-18 17:22:54

+3

截至2015年3月,OS X上的Chrome開發人員工具的資源選項卡上的此「搜索」框爲[不可見](http://imgur.com/09ss5CR) – TML 2015-03-05 15:44:23

+3

@ TML感謝您指點,我更新了我的答案 – zessx 2015-03-05 15:58:44

2

您可以在「資源」(第2)選項卡中搜索「var Native」。

功能定義可以從上下文菜單中的「範圍變量」塊中找到,但 在Chrome的WebInspector中沒有「找到此變量來自/被定義的位置」之類的功能。

+0

謝謝你,你是對的。目前,沒有辦法顯示定義位置。 – lovespring 2012-09-18 17:23:21

相關問題