2017-07-01 16 views
1

我有很多外部javascript文件,現在我很難找到哪個.js文件包含來自inspect元素控制檯窗口的給定函數名稱的函數定義。

我曾嘗試以下
在控制檯窗口中我只輸入函數名,函數定義見,但我無法找到函數定義源.js文件。如何從給定的函數名稱中找到函數定義的js文件名?

enter image description here

+4

點擊打印的定義,你會帶到源代碼標籤下的源代碼行。 – 11thdimension

+0

@ 11thdimension非常感謝。它效果不錯 –

回答

3

使用inspect(setcode)的好地方。

從Devtools實況:

當傳遞一個函數來檢查,該功能打開該文檔了在源面板,爲您檢查

+0

這是一個我不知道的詭計。謝謝! – Jeff

0

您可以使用的 「grep」 或找到一個好的編輯器(VS代碼或Atom)。

  1. 關於grep的,你可以寫

    的grep -RIL 「[要搜索的文本]」[路徑來搜索]

    在Linux命令行[終端]

  2. 而在Atom或VS Code中,您可以使用ctrl + shift + f在文件夾內搜索它。

+0

你能解釋更多,目前我只使用記事本++。我不能從檢查元素中找到它嗎? –

+0

我剛編輯答案。和Atom和VSCode比記事本++要好得多。 –

0

JS代碼在全局定義時被加載到相同的命名空間中。一旦加載,就無法告訴對象來自何處。

這就是爲什麼你不應該污染全局命名空間。您應該爲每個文件定義對象/類,至少在開發/調試時。

Here是開始瞭解OOP在JS

相關問題