"Debugging" Script ExtJS

Question

Existe-t-il des outils particuliers disponibles pour "déboguer" le script ExtJS? Surtout, je trouve difficile de déboguer lorsque l'écran devient vide.!

Answer 1

Aptana Studio est optimisé pour le développement Javascript, y compris le soutien de débogage pour Firefox et IE, il prend en charge même de type vert sur la bibliothèque Ext JS (vous pourriez avoir à télécharger des plugins Eclipse séparément).

Ext JS est inclus avec un debugging console (vous devez ajouter debug.js et appeler Ext.log (« bla ») pour l'amener), cela fournira une fonctionnalité qui est similaire à Firebug sur Firefox, mais pas aussi étendu, il est toujours utile pour compléter les pauvres development tools qui sont pré-installés avec IE 8. Firebug (comme Ergo mentionné ici) est le plus puissant des outils de développement basés sur le navigateur (il permet le débogage étape par étape) Cependant, les dernières versions de Chrome et Safari sont également installées avec des outils de développement qui sont utiles (mais pas autant que Firebug).

Je trouve que l'exécution d'une trace de débogage dans votre application accélère le processus de recherche de bogues (voir l'exemple ci-dessous).

// Setup simple debugging tool 
DebugManager = function {}; 
DebugManager.isEnabled = true; 
DebugManager.log = function() { 
    if (DebugManager.isEnabled && arguments.length && console && console.log) { 
    try { 
     // Single parameter? pass it to console 
     if (arguments.length == 1) console.log(arguments[0]) 
     // Multiple parameters? output raw arguments array to the console 
     else console.log(arguments);   
    } catch (e) {} 
    } 
}; 
// Your function 
function doSomething(myString) { 
DebugManager.log("doSomething(myString)", myString); 
// code for doSomething 
} 

Vous pouvez ensuite rechercher la trace de la console (Firebug est le meilleur car il transmet des informations complètes d'objets) et notez que la dernière fonction exécutée avant votre code cassé.

Après plusieurs mois de développement Ext JS Je dois dire que Firebug + Aptana Studio combo gagne haut la main sur d'autres outils de développement.

Answer 2

L'extension Firebug pour Firefox est l'une des meilleures pour déboguer et tester n'importe quel framework Web. Il ne sera pas nécessaire de vous tenir à la main, et vous aurez besoin d'une certaine familiarité avec les procédures de débogage standard, mais c'est un excellent début. JSLint est un autre outil en ligne pour les utilisateurs plus avancés.

Answer 3

J'ai trouvé en changeant mon style de codage, j'ai effectivement écrit plus de code sans bug. Habituellement, quand je vois des écrans vierges dans IE, cela a à voir avec les virgules. J'ai commencé à écrire mon ExtJS/JSON comme ceci:

{ 
    id: 'foo' 
    ,name: 'bar' 
    ,width: .60 
    ,text : 'I am Jack\'s formatted code' 
} 

Ce que cela me permet de faire est de déplacer/commentaire/code uncomment autour sans avoir à se soucier des virgules restes. Cette convention de codage m'a beaucoup aidé quand il s'agit de refactoriser le code d'autres personnes ainsi que le mien. Visuellement, il devient également plus facile de s'assurer que le code est correctement formaté.

Answer 4

J'utilise le chrome. Nous pouvons facilement déboguer en utilisant "F12" pour obtenir la console, où il pointe la ligne où le chargement s'est écrasé, en cliquant sur cette ligne, il va à la cource pour montrer la ligne de code exacte.

Answer 5

La version Development tool de Chrome est la meilleure pour ce qui est du débogage des scripts ExtJs. J'ai aussi utilisé -

1. FireFox Developer Edition - C'est assez bon et a beaucoup de d'outils disponibles, mais pour une raison quelconque, je trouve un peu lent quand debuggin applications ExtJs (CMD construit en un seul js).

2. IE Developer Tool - Je sais que presque tout le monde le déteste mais parfois nous devons juste le vivre avec. (Je trouve ça pas vraiment mal). Un problème est encore une fois - Très lent et pend beaucoup de temps lors du chargement d'un gros script. Le fichier de script complet n'est même pas chargé - j'ai oublié le chiffre exact mais son éditeur a une taille/mémoire tampon/limite de mémoire et ne peut pas charger tout le script et tronque tout ce qu'il ne peut pas charger - donc vous pouvez accéder à vos lignes ligne dépasse cela. Cela s'est également passé dans Firebug. Mais je n'ai jamais rencontré de tels problèmes de chargement dans Chrome.

Ensuite, il ya encore des problèmes qui se produisent uniquement dans certains navigateurs et vous êtes bloqué avec le débogage dans ce navigateur.