Javascript使用Google Chrome逐行調試

如何使用Google Chromes開發人員工具逐行瀏覽我的JavaScript代碼，而無需進入JavaScript庫？Javascript使用Google Chrome逐行調試

例如，我在我的網站上大量使用jQuery，我只想調試我寫的jQuery，而不是jQuery庫中的javascript/jquery。我如何只通過我自己的jQuery/JavaScript，而不必穿過jQuery庫中的數百萬行？

所以，如果我有以下幾點：

function getTabFrame() { 
    $.ajax({ 
     url: 'get_tab_frame.aspx?rand=' + Math.random(), 
     type: 'GET', 
     dataType: 'json', 
     error: function(xhr, status, error) { 
      //alert('Error: ' + status + '\nError Text: ' + error + '\nResponse Text: ' + xhr.responseText); 
     }, 
     success: function(data) { 
      $.each(data, function(index, item) { 
       // do something here 
      }); 
     } 
    }); 
}

如果我把斷點在$.ajax({，如果我他們開始它在那裏停止，如果我再按下F11，它直接進入了jQuery庫調試。我不希望發生這種情況，我想讓它去到下一行，即url: 'get_tab_frame.aspx?rand=' + Math.random(),。

我已經嘗試按F10，而是直接關閉功能的關閉}。而F5只是一步一步地走到下一個斷點，而不是逐行走過每一行。

來源

2012-05-17 oshirowanen

當你主要是有問題？當你遇到異常？ –

基本上，我有這麼多的javascript，我再也看不到它的結構了，所以我只是想通過我自己的代碼來提醒自己如何找出問題所在。 .. – oshirowanen

這聽起來非常類似於http://stackoverflow.com/questions/7827882/avoid-stepping-through-javascript-file-in-chrome-developer-tools?rq=1 – rjmunro

假設你在Windows機器上運行...

擊中F12關鍵
選擇Scripts，或Sources，標籤的開發工具
單擊小文件夾圖標頂級
請選擇您的 JavaScript文件
單擊添加斷點在左邊的行號（增添了些許藍色標記）
執行期間，執行你的JavaScript

然後調試，你可以做踏步動作屈指可數...

F8繼續：將繼續直到下一個斷點
F10步驟過來：未來函數調用步驟（不會進入庫）
F11步驟爲：步驟進入下一個函數調用（將進入圖書館）
Shift + F11步驟進行：走出當前功能

更新

閱讀後您更新的帖子;調試你的代碼，我會建議暫時使用jQuery Development Source Code。雖然這不能直接解決您的問題，但它可以讓您更輕鬆地進行調試。對於你想要實現的目標，我相信你需要進入圖書館，所以希望生產代碼能夠幫助你破譯發生的事情。

來源

2012-05-17 14:56:30 Richard

請查看我的問題中的附加信息，以舉例說明發生了什麼。我覺得Google Chrome的開發人員工具無法逐行執行類型調試？ – oshirowanen

我已經更新了我的答案，希望它可以幫助更多。 – Richard

除非我錯誤得多，否則在Chrome開發人員工具中，我相信F5會刷新頁面; F8是繼續鍵，不是嗎？ – cori

...我怎樣才能一步通過使用谷歌鉻合金的開發工具，沒有它進入JavaScript庫行我的javascript代碼行...

爲了記錄：？在這個時候（月/ 2015年），谷歌瀏覽器和火狐有什麼你（和我）需要避免庫和腳本里面去，並超越我們所感興趣的，這就是所謂的黑拳擊代碼：

enter image description here

當你黑箱源文件，調試器不會跳我當您逐步調試您正在調試的代碼時，該文件就是文件。

更多信息：

鉻：Blackbox JavaScript Source Files
火狐：Black box libraries in the Debugger

來源

2015-02-11 18:00:22

就是這樣，這對調試非常有用，謝謝。 – S1awek

Javascript使用Google Chrome逐行調試

回答

相關問題