debugging - cómo depurar el js en jsfiddle

angularjs

Question

Estoy viendo este jsfiddle: http://jsfiddle.net/carpasse/mcVfK/ Funciona bien, ese no es el problema, solo quiero saber cómo depurar a través de javascript. Intenté usar el comando de depuración y no puedo encontrarlo en la pestaña de fuentes. alguna idea de cómo puedo depurar esto?

algún código del violín:

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

Además de las otras respuestas.

Muy a menudo es útil simplemente escribir información de depuración en la consola:

console.log("debug information here");

El resultado está disponible en la consola de herramientas dev de navegadores. Al igual que se registró desde el código de JavaScript habitual.
Esto es bastante simple y efectivo.

Answer 2

Algo que vale la pena mencionar. Si alguna vez usa herramientas chrome dev. Presione ctrl + shift + F y puede buscar a través de todos los archivos en la fuente.

Answer 3

Aquí hay otro lugar :)

En el nodo Jsfiddle.net .

Answer 4

El JavaScript se ejecuta desde la carpeta fiddle.jshell.net de la pestaña Orígenes de Chrome. Puede agregar puntos de interrupción al archivo de índice que se muestra en la captura de pantalla de Chrome a continuación.

Answer 5

Use el debugger; declaración en el código. El navegador inserta un punto de interrupción en esta declaración y puede continuar en el depurador del navegador.

Esto debería funcionar al menos en Chrome y 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''});
}]);