làm thế nào để gỡ lỗi js trong jsfiddle

Question

Tôi đang xem jsfiddle này: http://jsfiddle.net/carpasse/mcVfK/ Nó hoạt động tốt mà không phải là vấn đề, tôi chỉ muốn biết làm thế nào để gỡ lỗi thông qua javascript. Tôi đã cố gắng sử dụng lệnh debugger và tôi không thể tìm thấy nó trong tab nguồn? bất kỳ ý tưởng nào về cách tôi có thể gỡ lỗi này?

một số mã từ fiddle:

angular.module('app', ['appServices']) 
    .config(['$routeProvider', function($routeProvider) { 
     $routeProvider. 
       when('/home', {templateUrl: 'home.html', controller: HomeCtrl}). 
       when('/list', {templateUrl: 'list.html', controller: ListCtrl}). 
       when('/detail/:itemId', {templateUrl: 'detail.html', controller: DetailCtrl}). 
       when('/settings', {templateUrl: 'settings.html', controller: SettingsCtrl}). 
       otherwise({redirectTo: '/home'}); 
}]); 

Answer 1

JavaScript được thực hiện từ thư mục fiddle.jshell.net của tab Nguồn Chrome. Bạn có thể thêm điểm ngắt vào tệp chỉ mục được hiển thị trong ảnh chụp màn hình Chrome bên dưới.

Answer 2

Bên cạnh những câu trả lời khác.

Rất thường nó rất hữu ích chỉ ghi thông tin gỡ lỗi vào giao diện điều khiển:

console.log("debug information here"); 

Đầu ra là có sẵn trong các trình duyệt dev công cụ giao diện điều khiển. Giống như nó đã được đăng nhập từ mã javascript thông thường.
Điều này khá đơn giản và hiệu quả.

Answer 3

Đây là một địa điểm khác :)

Dưới nút Jsfiddle.net.

Answer 4

Điều đáng nói đến. Nếu bạn đã từng sử dụng công cụ chrome dev. Nhấn ctrl + shift + F và bạn có thể tìm kiếm trong tất cả các tệp trong nguồn.

Answer 5

Sử dụng câu lệnh debugger; trong mã. Trình duyệt chèn một điểm ngắt tại câu lệnh này và bạn có thể tiếp tục trong trình gỡ rối của trình duyệt.

Điều này sẽ hoạt động ít nhất trong chrome và firefox. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger

angular.module('app', ['appServices']) 
.config(['$routeProvider', function($routeProvider) { 
    // *** Debugger invoked here 
    debugger; 
    $routeProvider. 
      when('/home', {templateUrl: 'home.html', controller: HomeCtrl}). 
      when('/list', {templateUrl: 'list.html', controller: ListCtrl}). 
      when('/detail/:itemId', {templateUrl: 'detail.html', controller: DetailCtrl}). 
      when('/settings', {templateUrl: 'settings.html', controller: SettingsCtrl}). 
      otherwise({redirectTo: '/home'}); 
}]);