我正在學習如何將斷點與幾乎完全用 jQuery 撰寫的 Chrome 開發工具源和代碼一起使用。當我為單擊事件添加斷點時，單擊應該（我認為）突出顯示偵聽單擊元素上的單擊的 jQuery 代碼行。相反，源代碼面板中的顯示從顯示main.js（包含我所有的 jQuery 代碼）切換到顯示jquery.min.js。我認為這是縮小的 jQuery。這對我沒有用。如果可能的話，我希望看到斷點突出顯示原始 jQuery 代碼中的事件偵聽器。我在隱身模式下運行 Chrome。
uj5u.com熱心網友回復：
當您使用 jQuery 設定事件處理程式時，它會創建一個 JavaScript 事件偵聽器，該偵聽器呼叫自己的內部包裝函式，然后呼叫您的回呼函式，因為 jQuery 事件處理程式的呼叫方式與addEventListener()作業方式略有不同。因此，如果您在 DevTools 中設定了一個事件斷點，它指向的是這個內部包裝器，而不是您的代碼，并且沒有簡單的方法可以從那里到達您的代碼。除非您嘗試除錯 jQuery 本身，否則 jQuery 代碼中的斷點并不是非常有用。
相反，只需在您的代碼中設定一個正常的代碼斷點。例如，如果您有類似的代碼
$(".classname").click(function() {
console.log("clicked");
});
單擊console.logSources 選項卡中的行以在此處設定斷點。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/405807.html
標籤：
下一篇：ChromeCORS問題