cách gỡ lỗi js trong jsfiddle

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

JavaScript được thực thi từ thư mục fiddle.jshell.net của tab Nguồn của Chrome. Bạn có thể thêm các đ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.

Sử dụng debugger;câu lệnh trong mã. Trình duyệt sẽ 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ỡ lỗ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'});
}]);

Điều đáng nói. Nếu bạn đang sử dụng các công cụ dành cho nhà phát triển chrome. Nhấn ctrl+ shift+ Fvà bạn có thể tìm kiếm qua tất cả các tệp trong nguồn.

Ngoài các câu trả lời khác.

Thông thường, rất hữu ích chỉ cần ghi thông tin gỡ lỗi vào bảng điều khiển:

console.log("debug information here");

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

Thêm câu lệnh gỡ lỗi trong mã và bật "Công cụ dành cho nhà phát triển" trong trình cung cấp. Sau đó, khi bạn đang chạy mã trong JSFiddle, trình gỡ lỗi sẽ bị tấn công !.

Đây là một nơi khác :)

Dưới Jsfiddle.netnút.

JavaScript được thực thi từ tệp ?editor_console=truetrong thư result (fiddle.jshell.net)/fiddle.jshell.net/_displaymục thư mục của tab Nguồn của Chrome khi sử dụng công cụ phát triển. Sau đó, bạn có thể thêm các điểm ngắt vào mã của mình và làm mới trang.

Bạn có thể tìm thêm thông tin về cách sử dụng trình gỡ lỗi chrome tại Cố gắng gỡ lỗi Javascript trong Chrome