traceGL : outil de d�bogage JavaScript puissant utilisant WebGL

traceGL est un outil de d�bogage JavaScript int�ressant. Cr�� � l'aide de WebGL, il permet de voir tout le d�roulement de votre code JavaScript dans un visualisateur de haute performance. Ce qui peut �tre utile pour le rendu de l'interface utilisateur.

traceGL fonctionne en instrumentant tout votre code afin de savoir quand les appels ont lieu et afin de conna�tre toute la logique bool�enne qui d�termine quel chemin de code prendre. Puis il visualise tout cela, � l'aide de WebGL pour les performances, vous montrant :

  • un aper�u de haut niveau appel� la � mini map � en haut � gauche ;
  • un historique des fonctions appell�es en haut � droite ;
  • la pile des appels dans le coin inf�rieur gauche ;
  • et enfin le code de la fonction en bas � droite.


Lorsque votre code s'ex�cute, traceGL visualise toutes les donn�es en temps r�el. La mini map est utile pour voir le flux du code, par exemple les mouvements de la pile. De cette fa�on, vous pouvez voir o� les �v�nements sont trait�s, comme les �v�nements souris et clavier dans le navigateur, ou les requ�tes HTTP dans une application Node.js. Vous pouvez �galement obtenir rapidement une partie de la pile des appels qui est potentiellement tr�s longue. L'outil fonctionne m�me avec des �v�nements asynchrones, contrairement � la plupart des d�bogueurs, ce qui signifie que ces op�rations sont affich�es dans le cadre d'un appel unique de la pile sous leur appel d'origine, plut�t que comme deux �v�nements distincts.

Vid�o de pr�sentation

traceGL fonctionnent avec les applications sur navigateurs et avec les applications Node.js. Il s'int�gre avec diff�rents �diteurs.

traceGL.
Acheter une licence.
Documentation.

Source :

D'apr�s un article sur BadAss JavaScript.