14 dépôts
Tools and integrated interfaces for inspecting and troubleshooting web applications during execution.
Distinct from Web Applications: None of the candidates cover the active process of debugging web applications; they focus on application types or security frameworks.
Explore 14 awesome GitHub repositories matching web development · Web Application Debugging. Refine with filters or upvote what's useful.
Claude Code is a command-line interface and multi-agent orchestration framework designed for autonomous software engineering. It enables AI agents to perform codebase modifications, debugging, and Git workflow management while coordinating multiple specialized agents to decompose and execute complex engineering tasks in parallel. The system distinguishes itself through a high degree of isolation and safety, utilizing Git worktrees to create independent working directories for concurrent agents and implementing a tiered permission system that combines user rules, project policies, and OS-level
Monitors network requests and browser logs to troubleshoot web application behavior.
This project is an AI-powered IDE extension and LLM coding assistant that provides a conversational interface for generating, refactoring, and debugging code. It functions as an AI agent framework and a Model Context Protocol client, connecting AI models to external data sources and tools to automate complex development tasks. The system is distinguished by its use of autonomous AI agents capable of multi-step task execution, including the ability to read files, modify code, and run terminal commands iteratively. It supports recursive agent orchestration through subagent delegation and employ
Provides an integrated browser tab with an attached debugger to inspect web applications directly within the editor.
Protractor is a WebDriver-based end-to-end testing framework and browser automation tool. It serves as a frontend integration test suite used to verify web application flows by simulating user behavior and executing JavaScript within a browser. The framework is specifically designed for testing Angular applications, providing specialized locators and synchronization tools that align with the framework lifecycle. It distinguishes itself through automatic test step synchronization, which pauses execution until pending page tasks are completed to ensure stable browser execution. The tool covers
Allows for capturing browser console logs and executing scripts to troubleshoot runtime errors.
This project is a browser automation toolset and Model Context Protocol server that connects large language models to live browser sessions. It provides a web debugging interface and a quality auditor to facilitate the analysis of document object model structures and browser logs. The system implements a bridge that streams diagnostics into AI-powered editors, allowing for the automated identification of web bugs. It features a data sanitization pipeline that removes cookies and sensitive headers to prevent private information leakage during the analysis process. The toolset covers a range o
Analyzes browser console logs and network requests within an IDE to fix runtime errors.
Better Errors is a Rack middleware exception handler and interactive application state inspector for Ruby web applications. It intercepts unhandled exceptions to render developer-friendly error pages that provide detailed stack traces and variable inspection. The tool provides a debugging interface that allows for live code evaluation at every stack frame of an exception. It maps stack trace entries to local filesystem paths for direct navigation to source code in an editor and restricts interface access via IP-based validation. The project covers error response formatting for API and AJAX c
Provides a specialized debugging interface for Ruby web applications with live code evaluation at each stack frame.
This repository contains the comprehensive documentation for a code editor focused on AI-assisted software development and remote development workflows. It covers the implementation of AI agents and language models used for autonomous code generation, large-scale refactoring, and task iteration. The project is distinguished by its deep integration of autonomous AI agents capable of web navigation, application logic validation, and orchestrating multi-step development processes. It provides specialized frameworks for tailoring AI behavior through custom instructions, model context protocols, a
Includes an integrated browser and AI agents to validate application logic and debug web applications in real time.
Inspects and modifies live HTTP traffic from a production web application to diagnose issues without affecting the user experience.
Defold est un moteur de jeu multiplateforme et un environnement de développement intégré utilisé pour créer des jeux 2D et 3D pour desktop, mobile et web. Il combine un IDE de développement de jeu pour la gestion des assets et des scènes avec un système de build multiplateforme et un environnement de script basé sur Lua. Le moteur inclut un runtime headless spécialisé pour héberger des serveurs de jeu et effectuer des tests automatisés sans interface graphique. Il prend en charge les extensions de moteur natives, permettant d'intégrer du code bas niveau personnalisé dans le cœur pour étendre les fonctionnalités au-delà de l'interface de script standard. L'ensemble d'outils couvre l'automatisation du build de jeu pour la distribution sur des plateformes telles que Steam et l'Epic Games Store, ainsi que l'empaquetage d'assets et la gestion de la localisation de projet. Les capacités de développement incluent le débogage de jeu en temps réel avec des mises à jour d'état en direct, l'analyse de la taille du build et les tests de fumée automatisés.
Translates minified web builds back to original source files using memory alignment and mapping files for debugging.
vscode-recipes est une collection de modèles de configuration et de guides pour configurer les débogueurs et les environnements d'exécution au sein de VS Code. Il fournit des modèles et des plans standardisés pour connecter l'éditeur à des runtimes locaux, conteneurisés ou serverless à travers une variété de langages de programmation et de frameworks. Le projet se concentre sur la coordination de sessions de débogage simultanées à travers les processus côté client et côté serveur pour tracer la logique à travers les applications full-stack. Il offre des modèles spécifiques pour intégrer les runtimes de langage et orchestrer des configurations de développement multi-langages au sein d'une instance d'éditeur unique. Les recettes couvrent la configuration du débogage de tests automatisés pour les suites unitaires, d'intégration et de bout en bout. Elles incluent également des configurations pour le débogage de fonctions serverless et la gestion des workflows de développement pour divers langages et outils.
Provides tools and integrated interfaces for inspecting and troubleshooting web applications during execution.
go-astilectron est un framework GUI multiplateforme et une liaison (binding) qui permet la création de logiciels de bureau en combinant un backend Go compilé avec un frontend Electron. Il fonctionne comme un pont de communication inter-processus, utilisant un système de messagerie asynchrone pour échanger des événements JSON et synchroniser l'état entre le processus Go et l'interface utilisateur JavaScript. Le projet fournit un wrapper d'API de bureau natif pour orchestrer les fonctionnalités au niveau du système depuis le backend. Cela inclut la possibilité de gérer les fenêtres de navigateur, de construire des menus d'application natifs et de contrôler les icônes de la barre d'état système et le dock macOS. Il permet également l'enregistrement de raccourcis clavier globaux et l'exécution de commandes système. Le framework couvre de larges domaines de capacités, incluant la gestion des fenêtres, la détection de l'affichage matériel et les boîtes de dialogue système natives. Il fournit en outre un système de distribution pour regrouper les binaires d'application et les assets intégrés dans des installateurs distribuables ou des fichiers exécutables uniques pour plusieurs systèmes d'exploitation, incluant le provisionnement automatisé des binaires d'exécution requis.
Opens integrated developer tools within the application window to inspect and debug JavaScript and CSS.
Fuite est un détecteur de fuites de mémoire pour applications web et un analyseur de snapshots de tas (heap) de navigateur. Il fonctionne comme un testeur d'interaction automatisé qui surveille la croissance du tas lors de séquences répétées dans le navigateur afin d'identifier les nœuds DOM et les collections qui fuient. L'outil se distingue par l'exécution de boucles d'interaction scriptées pour amplifier la croissance de la mémoire, rendant les fuites plus faciles à détecter. Il capture et compare des snapshots de tas à différents horodatages et exporte des rapports détaillés contenant des traces de pile et les emplacements de code spécifiques où les écouteurs ont été déclarés. Le projet couvre l'automatisation et l'orchestration de navigateur, incluant la possibilité de configurer l'état de l'application via des hooks de configuration et de gérer les arguments de lancement du navigateur. Il fournit également des fonctionnalités d'observabilité pour le débogage d'exécution manuelle et l'exportation des données d'analyse de fuite au format JSON.
Exports leak reports with stacktraces and code locations to resolve memory issues in web apps.
vscode-browser-preview est un prévisualiseur web basé sur l'éditeur et un débogueur intégré qui embarque une instance de navigateur en direct directement dans l'espace de travail. Il utilise une intégration de navigateur headless pour synchroniser l'état du navigateur avec l'éditeur de code actif. Le projet fournit un débogueur web intégré qui permet aux utilisateurs de définir des points d'arrêt et d'inspecter l'état des applications web sans quitter l'interface de l'éditeur. Il permet également l'accès aux outils de développement distants via une URL réseau pour analyser les éléments de page, les styles et l'activité réseau. Le système prend en charge les flux de travail de développement frontend en fournissant des prévisualisations web dans l'éditeur pour une visualisation en temps réel des styles et des mises en page. Cela inclut des capacités d'inspection de l'état du navigateur et de débogage d'applications web.
Connects a debugger to a browser instance to set breakpoints and inspect code execution within the editor.
Awesome Print est un pretty printer Ruby et un inspecteur d'objets conçu pour visualiser les structures de données via l'indentation et les couleurs ANSI. Il sert de formateur pour les shells interactifs et d'utilitaire pour analyser les états internes des objets. Le projet dispose d'un système de plugins pour définir des règles de formatage personnalisées pour des types d'objets spécifiques et prend en charge le chargement des préférences globales via un fichier de configuration dans le répertoire personnel. Il peut renvoyer des chaînes ASCII formatées au lieu d'imprimer directement sur la console. Les capacités s'étendent au rendu de structures d'objets formatées au sein de templates web et à l'écriture de représentations d'objets colorisées dans les logs système. L'outil s'intègre aux environnements REPL pour formater automatiquement les valeurs renvoyées.
Renders formatted object structures directly into HTML views to facilitate data inspection within web interfaces.
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.
Provides a comprehensive integrated interface for inspecting and troubleshooting DOM, CSS, and JavaScript during web application execution.