Chrome DevTools搜索網站中的所有JavaScript文件

我正在從一個新的客戶端網站上加載Javascript，因此Javascript沒有嵌入或與網頁源內聯。 我想每次getCurrentPosition()，以確定哪些外部JS文件，它包含在執行暫停。Chrome DevTools搜索網站中的所有JavaScript文件

我知道我可以通過JS文件的內容使用其他工具做一個字符串搜索，但我會而是繼續使用Chrome的調試工具。

我應該試着創建一個監視表達式還是有另一種方法來關閉某個JS函數何時何地被觸發？

來源

2016-06-07 sparecycle

你知道在哪裏定義了getCurrentPosition嗎？它叫什麼名字？ –

在Google工具中有搜索。 http://stackoverflow.com/questions/4145266/how-to-search-all-loaded-scripts-in-chrome-developer-tools/7970237#7970237 – epascarello

[如何在Chrome開發人員工具中搜索所有已加載的腳本？]（http://stackoverflow.com/questions/4145266/how-to-search-all-loaded-scripts-in-chrome-developer-tools） –

您可以使用Chrome開發工具搜索所有文件。尋找你的功能，並進行調試：

打開DevTools（F12）
轉到源標籤
打開搜索所有文件按ctrl + shift + f（勝）或cmd + option + f（蘋果機）
搜索getCurrentPosition
放一個斷點（點擊行左邊的行號）

來源

2016-06-07 17:18:17

這幫助我找到了我正在尋找的東西。謝謝！ – sparecycle

不客氣:) –

不錯，不知道DevTools有一個「Search all sources」選項。 –

一種方法是用包裝函數替換Geolocation.getCurrentPosition方法，以便您可以在其中設置斷點，然後檢查堆棧以查看誰在調用它。

來源

2016-06-07 17:15:30

如果您知道代碼中調用方法的位置，您可以set breakpoints。這將在運行時暫停JavaScript執行並允許您獲取堆棧跟蹤。

來源

2016-06-07 17:18:58

你可以找到你需要在網頁上的所有信息：https://developer.chrome.com/devtools/docs/javascript-debugging

通過簡單地把它（從網頁上覆制）

打開一個網站，如谷歌關閉hovercard演示頁面或TodoMVC

作爲打開方式例如Google Closure hovercard演示頁面或TodoMVC Angular應用程序

打開DevTools窗口。

如果尚未選擇，請選擇來源。

調試與斷點

斷點是腳本有意停止或暫停的地方。在DevTools中使用斷點來調試JavaScript代碼，DOM更新和網絡調用。

添加和刪除斷點在Sources面板中，打開一個用於調試的JavaScript文件。在下面的例子中，我們正在從TodoMVC的AngularJS版本調試todoCtrl.js文件。

單擊線條裝訂線爲該行代碼設置斷點。藍色標記會指示斷點已經設置：

通過以上簡單的例子，你實際上可以「停止」功能getCurrentPosition()和調試。

來源

2016-06-07 17:22:32

打開谷歌開發工具（F12）
按Ctrl + P

在打開框中搜索所有文件（JS，CSS，...）。

在框中，你有5個選項：

類型 '文件名'，然後選擇它。
輸入'：linenumber'去特定的行號（'：10'到第10行）。
鍵入'@symbol'轉到特定符號（'@ TestSymbol'轉到TestSymbol符號）。

在此選項中，如果您編寫@JSFunctionName或@CSSClassName，則光標將導航到JSFunctionName或CSSClassName。
輸入'！snippet'轉到特定片段（'！snippetTest'轉到snippetTest片段）。
輸入'> googleCommand'轉到特定命令（'>清除控制檯'清除控制檯）。

使用選項2-5選擇文件。

來源

2017-12-07 07:49:03

完全值得滾動超出推薦的答案;這是很多的幫助 – vzR

Chrome DevTools搜索網站中的所有JavaScript文件

回答

相關問題