Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Sencha Inspector 5 : application de débogage
Pour les développeurs de ExtJS et Sencha Touch

Le , par vermine

19PARTAGES

1  0 
Sencha Inspector 5 : application de débogage pour les développeurs de ExtJS et Sencha Touch


Sencha Inspector est un outil propre aux développeurs d'ExtJS et de Sencha Touch. C'est une extension des outils pour développeurs et c'est un projet open source.

L'aspect le plus difficile pour déboguer des applications de Sencha est que les outils de développement intégrés aux navigateurs ne comprennent pas ou pas bien les abstractions de niveau supérieur comme les Components, les mises en page, les données et les événements Observable. C'est pourquoi App Inspector pour Sencha vous aide à analyser et comprendre n'importe quelle application de ExtJS et Touch avec des outils faciles à utiliser.

N'oublions pas que Sencha propose également d'autres outils comme Illuminations, Page Analyzer et Sencha Fiddle.

Dans l'Inspector, vous trouvez :

  • Component Inspector : pour naviguer rapidement et facilement dans l'arborescence des composants, les mettre en évidence dans le DOM en affichant leurs propriétés ;
  • Store Inspector : afin d'afficher les ensembles de données dans votre application et d'examiner des enregistrements individuels ;
  • Layout Profiles : pour disséquer intelligemment les mises en pages de l'application pour identifier la performance potentielle et les problèmes d'affichage ;
  • Event Monitor : afin d'enregistrer des événements Observable ;
  • L'identification des Over-Nested Layouts : permet de mieux déboguer les mises en page imbriquées ;
  • L'inspection du data binging : permet de visualiser les propriétés du composant sélectionné ;
  • Live Theming : personnalisation du thème en direct ;
  • etc.





L'outil détecte également les versions des frameworks et packages utilisées dans votre application, rendant plus facile l'identification des spécifications pour des applications individuelles.

Compatible avec : Chrome, Firefox, IE 10+ et Safari 6+.

Notons toutefois que l'outil est payant.

La page du composant.
L'article sur le site officiel.

Une erreur dans cette actualité ? Signalez-le nous !