在Chrome的調試器上尋找信息

Question

我想了解如何從Chrome調試器獲取以下信息：頁面上有一個事件通過點擊輸入文件類型標籤觸發。但是我不可能追溯機制：當事件觸發時調用哪個js文件。有沒有辦法從調試器獲取這些信息？

Answer 1

你看看右邊窗口中的Event Listeners條目嗎？如果我右鍵單擊帖子底部的「Google-Chrome」標籤，然後選擇檢查元素，則會突出顯示html標籤。然後，如果我在事件監聽器的右側窗格中查看，則可以看到此元素具有處理模糊，單擊，鍵入，按鍵，mousedown，鼠標移出，鼠標懸停的處理程序。然而，只看着html我看不到。如果我展開事件處理程序，我可以看到它們都指向「jquery.min.js：3」。這是因爲該文件已被最小化，並且只有4行 - 每行可能是20或25,000個字符長。不幸的是，最小化的腳本很難分析。

嘗試使用不使用最小化腳本的頁面，並且可以單擊事件處理程序窗口中的鏈接直接轉到pertinant函數 - 不幸的是，您將被帶到相關行的開頭，使jquery.min.js浪費時間來做到這一點。您可以始終使用腳本的非縮小版本進行調試，切換到縮小版以進行生產。

與其他頁面一樣，在鏈接未修剪的腳本之前，您有時可以保存本地副本。