Chrome Dev Tools命中代碼而不是斷點

Question

我在chrome dev工具上啟用了斷點，並且我在一條線上有一個斷點。 我知道chrome正在線上，因為我把斷點放在一行上有以下語句： alert("why is this not breaking")如果我在localhost中找到該文件，斷點就會起作用。 斷點用於在本地編輯器中運行，但現在他們不會。 有沒有其他人有類似的問題？

Answer 1

我有一個類似的問題沒有達到我的斷點。 原來這是因為它是網站的部署版本，但開發工具仍然將我的本地開發文件夾映射到工作區，這意味着我打開了本地腳本文件而不是服務器上的文件。 解決方案是關閉打開的本地腳本，在導航器中打開正確的文件，然后設置斷點。

好吧，我有點愚蠢沒有意識到它，但這可能是一個很好的記錄，其他任何人都有與我相同的問題。

Answer 2

以后有人會偶然發現這個。 我還沒有找到這個問題的明確答案，但這些是我發現一些有用的信息的其他一些：

Chrome開發人員工具工作區映射

Chrome穩定版/ Canary開發工具問題 - 語法突出顯示自動完成等

如果我找到真正的解決方案，我會繼續更新

接受的答案在這里是正確的。

Answer 3

debugger; Chrome中的提示javascript調試器斷點不做任何事情？ 幫我找到了我的錯誤所在。

我是第一次在Rails項目上工作，並且在我不知道的情況下有兩個版本的文件。 Rails的“資產管道”使用//= require foo語句導入，同樣的foo文件也包含在其他地方。

debugger; 謝天謝地，我把它指向了正確的地方。

Answer 4

您應該在開發者頁面的源代碼選項卡中啟用設置以停止任何異常（鉻中的F12）。 （卸載其他擴展以幫助僅關注問題，並刪除左側面板上的縮略圖）。

可能會比您設置的任何調試斷點更早拋出異常。 例如，如果清單文件中缺少擴展權限要求，則一旦嘗試使用該資源但不能引發異常。