105 votes

Comment déboguer le js dans jsfiddle

Je regarde ce jsfiddle : http://jsfiddle.net/carpasse/mcVfK/ Ça fonctionne bien, ce n'est pas le problème, je veux juste savoir comment déboguer le javascript. J'ai essayé d'utiliser la commande debugger et je ne la trouve pas dans l'onglet Sources? Des idées sur comment je peux déboguer ceci?

Un peu de code du 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'});
}]);

3voto

En plus des autres réponses.

Très souvent, il est utile simplement d'écrire des informations de débogage dans la console :

console.log("informations de débogage ici");

La sortie est disponible dans la console des outils de développement des navigateurs. Comme si cela avait été enregistré à partir du code JavaScript habituel.
C'est assez simple et efficace.

2voto

radsin Points 57

L'une des réponses ci-dessus fonctionne mais il vous suffit d'ajouter le mot-clé debugger à la ligne où vous souhaitez les points d'arrêt et d'exécuter le code qui les déclenchera ensuite dans l'outil de développement. Le code devient alors visible dans l'onglet source sous editor_console=true.

0voto

Sampath Points 4405

Voici un autre endroit :)

Sous le nœud Jsfiddle.net.

insérer la description de l'image ici

0voto

user2010781 Points 31

Le JavaScript est exécuté à partir du fichier ?editor_console=true dans le dossier résultat (fiddle.jshell.net)/fiddle.jshell.net/_display du volet Sources de Chrome lors de l'utilisation de l'outil de développement. Vous pouvez ajouter des points d'arrêt à votre code puis rafraîchir la page. entrer la description de l'image ici

Plus d'informations sur l'utilisation du débogueur Chrome peuvent être trouvées sur Trying to debug Javascript in Chrome

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X