如何找出使用谷歌瀏覽器控制檯定義哪個文件和行變量?如何知道哪個文件在chrome控制檯中定義了一個js全局變量?
例如,變量Native
(來自MooTools)已在全局範圍內定義。我想知道在哪個文件中使用谷歌瀏覽器控制檯定義了這個變量。
如何找出使用谷歌瀏覽器控制檯定義哪個文件和行變量?如何知道哪個文件在chrome控制檯中定義了一個js全局變量?
例如,變量Native
(來自MooTools)已在全局範圍內定義。我想知道在哪個文件中使用谷歌瀏覽器控制檯定義了這個變量。
使用Chrome的方式:
var Native
或Native =
右上角搜索字段這裏,搜索只有一個結果。結果會自動突出顯示,並打開相應的文件。在我的例子,可以看到Native
聲明是mootools.core.js
,行12
編輯:2015年3月(感謝TML)
右上方的搜索字段不存在不再是最新的Chrome版本。
相反的,點擊Show drawer
在右上角(或打Esc鍵),並選擇Search
標籤,只是出現在屏幕的底部:
編輯:2015年11月(謝謝tzvi)
您現在需要使用右上角的三點按鈕來查找Search all files
選項。
這是現在唯一的方法:( – lovespring 2012-09-18 17:22:54
截至2015年3月,OS X上的Chrome開發人員工具的資源選項卡上的此「搜索」框爲[不可見](http://imgur.com/09ss5CR) – TML 2015-03-05 15:44:23
@ TML感謝您指點,我更新了我的答案 – zessx 2015-03-05 15:58:44
您可以在「資源」(第2)選項卡中搜索「var Native」。
功能定義可以從上下文菜單中的「範圍變量」塊中找到,但 在Chrome的WebInspector中沒有「找到此變量來自/被定義的位置」之類的功能。
謝謝你,你是對的。目前,沒有辦法顯示定義位置。 – lovespring 2012-09-18 17:23:21
原住民在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
快速的文件搜索的=分配幾乎總是去
看起來你只是要求別人來搜索東西[文件](https://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools.js) ?這是一個編程問題?這對2人有用嗎?到底是怎麼回事? – Esailija 2012-07-25 07:56:07
@Esailija在Chrome控制檯中,不僅僅是這個時間或者mootools。 – lovespring 2012-07-25 07:59:42
如果你的問題是「如何搜索使用chrome控制檯定義變量的文件」,那麼你的問題需要一個嚴肅的編輯,因爲現在你只需要外包人員在文件中進行Ctrl + F搜索...... – Esailija 2012-07-25 08:00:35