調試大塊javascript代碼的技巧

最近，我有機會在一個包含一些大型JavaScript文件的項目上工作。我會說每個文件4000-5000行。例如，有3個大文件（自定義插件）相互構建。我有一個需要解決的調試任務（邏輯上，它不是一個JS錯誤）。當我試圖調試和理解chrome開發工具下的邏輯時，例如逐步遍歷或追蹤變量來自哪裏，我總會因爲文件太大而迷路。我想也許我需要坐下來1或2天來讀通所有的文件，並在紙上畫出邏輯，我想這可能不是一個好的解決方案。我想知道是否有任何技術我錯過了調試和跟蹤變量或邏輯。請與我分享你的經驗。謝謝調試大塊javascript代碼的技巧

來源

2013-11-15 eded

檢查[什麼是好技術...]（http://stackoverflow.com/questions/5927249/what-are-some-good-techniques-at-debugging-javascript?rq=1）和其他一些問題關於調試。 –

將消息記錄到控制檯，讓您知道代碼中的位置以及變量的外觀總是一個很好的起點。 –

它是什麼樣的問題？你能否提供一些背景知識，有些方法可能對某些問題更有效。 –

有時當我看到類似的東西時，我首先創建一個測試。嘗試僅測試缺陷。拿一份工作副本，並儘量減少它，直到你解決了問題。

祝你好運！

具體地，對於先進的步調試，有：

使用調用棧來檢查從主叫範圍中的局部變量，而不必走出的功能。
使用條件斷點。

https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

如果你的JavaScript賺了很多的HTTP請求，也可能是使用的網絡選項卡檢查請求有用的反應是預期。

來源

2013-11-15 21:14:19

調試大塊javascript代碼的技巧

回答

相關問題