jsfiddle에서 js를 디버깅하는 방법

이 jsfiddle을보고 있습니다 : http://jsfiddle.net/carpasse/mcVfK/ 문제가 아닌 잘 작동합니다. 자바 스크립트를 통해 디버그하는 방법을 알고 싶습니다. 디버거 명령을 사용하려고했는데 소스 탭에서 찾을 수 없습니까? 이걸 어떻게 디버깅 할 수 있는지 아십니까?

바이올린의 일부 코드 :

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는 Chrome 소스 탭의 fiddle.jshell.net 폴더에서 실행됩니다. 아래 Chrome 스크린 샷에 표시된 색인 파일에 중단 점을 추가 할 수 있습니다.

debugger;코드에 있는 문장을 사용하십시오 . 브라우저는이 문에 중단 점을 삽입하고 브라우저의 디버거에서 계속할 수 있습니다.

이것은 크롬과 파이어 폭스에서 적어도 작동합니다. 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'});
}]);

언급 할 가치가있는 것. 크롬 개발 도구를 사용하는 경우. ctrl+ shift+를 누르면 F소스의 모든 파일을 검색 할 수 있습니다.

다른 답변 외에도.

매우 자주 콘솔에 디버그 정보를 작성하는 것이 유용합니다.

console.log("debug information here");

출력은 브라우저 개발 도구 콘솔에서 사용할 수 있습니다. 일반적인 자바 스크립트 코드에서 기록 된 것처럼.
이것은 매우 간단하고 효과적입니다.

코드에 디버거 문을 추가하고 bowser에서 "개발자 도구"를 활성화합니다. 그런 다음 JSFiddle에서 코드를 실행하면 디버거가 작동합니다!.

여기 또 다른 곳이 있습니다 :)

Jsfiddle.net노드 아래 .

자바 스크립트는 개발자 도구를 사용할 때 Chrome 소스 탭의 ?editor_console=true폴더 result (fiddle.jshell.net)/fiddle.jshell.net/_display폴더에 있는 파일 에서 실행됩니다 . 코드에 중단 점을 추가 한 다음 페이지를 새로 고칠 수 있습니다.

Chrome 디버거 사용에 대한 자세한 내용 은 Chrome에서 Javascript 디버깅 시도에서 찾을 수 있습니다.