14 Repos
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 ist eine plattformübergreifende Spiele-Engine und eine integrierte Entwicklungsumgebung (IDE) zur Erstellung von 2D- und 3D-Spielen für Desktop, Mobile und Web. Sie kombiniert eine IDE für Asset- und Szenenmanagement mit einem Multi-Plattform-Build-System und einer auf Lua basierenden Skriptumgebung. Die Engine enthält eine spezialisierte Headless-Runtime für das Hosting von Spieleservern und die Durchführung automatisierter Tests ohne grafische Benutzeroberfläche. Sie unterstützt native Engine-Erweiterungen, die es ermöglichen, benutzerdefinierten Low-Level-Code in den Kern zu integrieren, um die Funktionalität über die Standard-Skriptschnittstelle hinaus zu erweitern. Das Toolset deckt die Automatisierung von Spiele-Builds für den Vertrieb auf Plattformen wie Steam und dem Epic Games Store ab, neben Asset-Packaging und Projekt-Lokalisierungsmanagement. Die Entwicklungsfunktionen umfassen Echtzeit-Debugging mit Live-Zustandsaktualisierungen, Build-Größenanalyse und automatisierte Smoke-Tests.
Translates minified web builds back to original source files using memory alignment and mapping files for debugging.
vscode-recipes ist eine Sammlung von Konfigurationsmustern und Leitfäden für die Einrichtung von Debuggern und Laufzeitumgebungen innerhalb von VS Code. Sie bietet standardisierte Vorlagen und Blaupausen, um den Editor mit lokalen, containerisierten oder serverlosen Laufzeiten über eine Vielzahl von Programmiersprachen und Frameworks hinweg zu verbinden. Das Projekt konzentriert sich auf die Koordinierung gleichzeitiger Debugging-Sitzungen über Client-seitige und Server-seitige Prozesse hinweg, um Logik durch Full-Stack-Anwendungen hindurch zu verfolgen. Es bietet spezifische Muster für die Integration von Sprachlaufzeiten und die Orchestrierung mehrsprachiger Entwicklungseinrichtungen innerhalb einer einzigen Editor-Instanz. Die Rezepte decken die Konfiguration des automatisierten Test-Debuggings für Unit-, Integrations- und End-to-End-Suiten ab. Zudem enthalten sie Setups für das Debuggen serverloser Funktionen und die Verwaltung von Entwicklungs-Workflows für verschiedene Sprachen und Tools.
Provides tools and integrated interfaces for inspecting and troubleshooting web applications during execution.
go-astilectron ist ein plattformübergreifendes GUI-Framework und Binding, das die Erstellung von Desktop-Software durch die Kombination eines kompilierten Go-Backends mit einem Electron-Frontend ermöglicht. Es fungiert als Inter-Process-Communication-Brücke und nutzt ein asynchrones Nachrichtensystem, um JSON-Ereignisse auszutauschen und den Zustand zwischen dem Go-Prozess und der JavaScript-Benutzeroberfläche zu synchronisieren. Das Projekt bietet einen nativen Desktop-API-Wrapper, um systemweite Funktionen vom Backend aus zu orchestrieren. Dies umfasst die Möglichkeit, Browserfenster zu verwalten, native Anwendungsmenüs zu erstellen und System-Tray-Icons sowie das macOS-Dock zu steuern. Es ermöglicht zudem die Registrierung globaler Tastenkombinationen und die Ausführung von Systembefehlen. Das Framework deckt breite Funktionsbereiche ab, einschließlich Fensterverwaltung, Hardware-Display-Erkennung und nativer Systemdialoge. Es bietet zudem ein Distributionssystem, um Anwendungsbinärdateien und eingebettete Assets in verteilbare Installer oder einzelne ausführbare Dateien für mehrere Betriebssysteme zu bündeln, einschließlich der automatisierten Bereitstellung erforderlicher Runtime-Binärdateien.
Opens integrated developer tools within the application window to inspect and debug JavaScript and CSS.
Fuite ist ein Detektor für Speicherlecks in Webanwendungen und ein Analysetool für Browser-Heap-Snapshots. Es fungiert als automatisierter Interaktionstester, der das Heap-Wachstum während wiederholter Browser-Sequenzen überwacht, um leckende DOM-Knoten und Collections zu identifizieren. Das Tool zeichnet sich dadurch aus, dass es geskriptete Interaktionsschleifen ausführt, um das Speicherwachstum zu verstärken, wodurch Lecks leichter erkennbar werden. Es erfasst und vergleicht Heap-Snapshots zu verschiedenen Zeitpunkten und exportiert detaillierte Berichte mit Stack-Traces und den spezifischen Code-Stellen, an denen Listener deklariert wurden. Das Projekt deckt Browser-Automatisierung und -Orchestrierung ab, einschließlich der Möglichkeit, den Anwendungsstatus über Setup-Hooks zu konfigurieren und Browser-Startargumente zu verwalten. Es bietet zudem Observability-Funktionen für das Debugging manueller Ausführungen sowie den Export von Leck-Analysedaten im JSON-Format.
Exports leak reports with stacktraces and code locations to resolve memory issues in web apps.
vscode-browser-preview is an editor-based web previewer and integrated debugger that embeds a live browser instance directly within the workspace. It utilizes headless browser integration to synchronize the browser state with the active code editor. The project provides an integrated web debugger that allows users to set breakpoints and inspect the state of web applications without leaving the editor interface. It also enables remote developer tools access via a network URL to analyze page elements, styles, and network activity. The system supports frontend development workflows by providing
Connects a debugger to a browser instance to set breakpoints and inspect code execution within the editor.
Awesome Print ist ein Ruby-Pretty-Printer und Objekt-Inspektor, der darauf ausgelegt ist, Datenstrukturen durch Einrückung und ANSI-Farben zu visualisieren. Er dient als Formatierer für interaktive Shells und als Dienstprogramm zur Analyse interner Objektzustände. Das Projekt bietet ein Plugin-System zur Definition benutzerdefinierter Formatierungsregeln für spezifische Objekttypen und unterstützt das Laden globaler Präferenzen über eine Konfigurationsdatei im Home-Verzeichnis. Es kann formatierte ASCII-Strings zurückgeben, anstatt direkt in die Konsole zu drucken. Die Funktionen erstrecken sich auf das Rendern formatierter Objektstrukturen innerhalb von Web-Templates und das Schreiben farbiger Objektdarstellungen in System-Logs. Das Tool integriert sich in REPL-Umgebungen, um zurückgegebene Werte automatisch zu formatieren.
Renders formatted object structures directly into HTML views to facilitate data inspection within web interfaces.
Dieses Projekt ist eine spezialisierte Browser-Debugging-Schnittstelle, die darauf ausgelegt ist, DOM-Elemente, Netzwerk-Traffic und JavaScript-Ausführung zu überwachen. Sie bietet eine clientseitige Benutzeroberfläche zum Inspizieren und Debuggen von Webanwendungen, was die Echtzeit-Modifikation von CSS-Styles und die Untersuchung der JavaScript-Runtime ermöglicht. Das Toolkit enthält dedizierte Analysetools für WebAssembly, inklusive Disassembly-Highlighting, Scope-Inspektion und Profiling der binären Ausführung. Es bietet zudem einen Netzwerk-Traffic-Inspektor zur Analyse von HTTP-Anfragen und einen CSS-Style-Editor zum Testen von Eigenschaften und At-Rules. Das System deckt ein breites Spektrum an Funktionen ab, einschließlich DOM-Baum-Modifikation, Frontend-Performance-Profiling mit CPU-Throttling und Service-Worker-Debugging. Es handhabt zudem das Management von Quellressourcen, wie das Mapping von Netzwerk-Assets auf lokale Dateien und das Pretty-Printing von minifiziertem Code, während es Multi-Language-Lokalisierung unterstützt. Das Projekt ist in TypeScript entwickelt und verwendet eine komponentenbasierte Architektur mit On-Demand-Modulladen.
Provides a comprehensive integrated interface for inspecting and troubleshooting DOM, CSS, and JavaScript during web application execution.