如何在jsfiddle中调试js

Question

我正在看这个jsfiddle:http://jsfiddle.net/carpasse/mcVfK/ 它工作正常,这不是问题,我只是想知道如何通过JavaScript调试.我试图使用调试器命令,我无法在源选项卡中找到它？知道如何调试这个吗？

来自小提琴的一些代码:

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是从Chrome的Sources选项卡的fiddle.jshell.net文件夹执行的.您可以将断点添加到下面Chrome浏览器屏幕截图中显示的索引文件中.

Answer 2

使用debugger;代码中的语句.浏览器在此语句中插入断点,您可以继续使用浏览器的调试器.

这应该至少在chrome和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'});
}]);

Answer 3

值得一提的东西.如果您使用的是chrome dev工具.按ctrl+ shift+ F,您可以搜索源中的所有文件.