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 del depurador 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'});
}]);
debugger;
en el código. Chrome y Firefox abrirán automáticamente un depurador paso a paso. (He copiado este consejo de la respuesta de @ user3335908 para hacerlo más destacado)Respuestas:
El JavaScript se ejecuta desde la carpeta fiddle.jshell.net de la pestaña Fuentes 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.
fuente
fiddle.jshell.net
contiene solo_display
con(index)
inside, que es una página HTML casi vacía con<p>That page doesn't exist.</p>
. Mi código js no está ahíUtilice la
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
fuente
Algo digno de mención. Si alguna vez utiliza herramientas de desarrollo de Chrome. Presione ctrl+ shift+ Fy podrá buscar en todos los archivos en la fuente.
fuente
Además de las otras respuestas.
Muy a menudo es útil simplemente escribir información de depuración en la consola:
La salida está disponible en la consola de herramientas de desarrollo de los navegadores. Como si se registrara desde el código javascript habitual.
Esto es bastante simple y efectivo.
fuente
Agregar una declaración de depuración en el código y habilitar las "Herramientas de desarrollo" en el Bowser. Luego, cuando esté ejecutando el código en JSFiddle, se activará el depurador.
fuente
Aquí hay otro lugar :)
Debajo del
Jsfiddle.net
nodo.fuente
<pre>
...</pre>
. No es un código ejecutable real.El JavaScript se ejecuta desde el archivo
?editor_console=true
en la carpeta de laresult (fiddle.jshell.net)/fiddle.jshell.net/_display
carpeta de la pestaña Fuentes de Chrome cuando se usa la herramienta de desarrollo. Puede agregar puntos de interrupción a su código y luego actualizar la página.Puede encontrar más información sobre el uso del depurador de Chrome en Intentar depurar Javascript en Chrome
fuente