Làm cách nào để tôi có thể xem qua dòng mã javascript của mình bằng cách sử dụng các công cụ dành cho nhà phát triển Google Chromes mà không cần đến thư viện javascript?Dòng gỡ lỗi Javascript theo dòng bằng cách sử dụng Google Chrome
Ví dụ: tôi sử dụng jQuery nhiều trên trang web của mình và tôi chỉ muốn gỡ lỗi jQuery mà tôi đã viết chứ không phải javascript/jquery trong thư viện jquery. Làm thế nào để tôi chỉ bước qua jquery/javascript của riêng tôi và không phải bước qua hàng triệu dòng trong thư viện jquery?
Vì vậy, nếu tôi có như sau:
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
});
}
});
}
nếu tôi đặt breakpoint tại $.ajax({
, nếu tôi họ bắt đầu gỡ lỗi rằng nó nơi nó dừng lại, nếu tôi sau đó nhấn F11, nó đi thẳng vào thư viện jQuery . Tôi không muốn điều đó xảy ra, tôi muốn nó đi đến dòng tiếp theo là url: 'get_tab_frame.aspx?rand=' + Math.random(),
.
Tôi đã thử nhấn F10 thay vào đó, nhưng điều đó sẽ đi thẳng đến phần đóng }
của hàm. Và F5 chỉ đi đến điểm ngắt tiếp theo mà không cần phải đi từng dòng một.
Khi nào bạn chủ yếu có vấn đề? Khi bạn nhấn ngoại lệ? –
Về cơ bản, tôi có rất nhiều javascript mà tôi không thể nhìn thấy cấu trúc của nó trong tâm trí của tôi nữa, vì vậy tôi chỉ muốn bước qua mã của riêng tôi để nhắc nhở bản thân nó như thế nào tất cả làm việc để tìm ra nơi để tìm kiếm vấn đề. .. – oshirowanen
Điều này nghe có vẻ rất giống với http://stackoverflow.com/questions/7827882/avoid-stepping-through-javascript-file-in-chrome-developer-tools?rq=1 – rjmunro