Awesome GitHub RepositoriesStack Trace Visualizers

Ce projet est une interface de débogage de navigateur spécialisée conçue pour surveiller les éléments DOM, le trafic réseau et l'exécution JavaScript. Il fournit une interface utilisateur côté client pour inspecter et déboguer les applications web, permettant la modification en temps réel des styles CSS et l'investigation du runtime JavaScript. La boîte à outils inclut des outils d'analyse dédiés pour WebAssembly, avec mise en évidence du désassemblage, inspection de la portée et profilage de l'exécution binaire. Elle fournit également un inspecteur de trafic réseau pour analyser les requêtes HTTP et un éditeur de style CSS pour tester les propriétés et les at-rules. Le système couvre un large éventail de capacités, notamment la modification de l'arborescence DOM, le profilage de performance frontend avec limitation du CPU et le débogage des service workers. Il gère également la gestion des ressources source, comme le mappage des assets réseau vers des fichiers locaux et le pretty-printing du code minifié, tout en prenant en charge la localisation multilingue. Le projet est développé en utilisant TypeScript et emploie une architecture basée sur les composants avec chargement de modules à la demande.