bjfakplmghedcdiehkcfcinlhibabbfh
Automatically captures and copies formatted console messages from Chrome DevTools Console Copy Tool: AI-Ready Console Capture & Filter for Chrome DevTools Console Copy Tool captures all Chrome DevTools console output, auto-detects the [Tag] prefixes that AI coding assistants love to use, and lets you copy a filtered subset — formatted as clean plain text — with a single click. Built for the AI-assisted development workflow. When Claude Code, Cursor, GitHub Copilot, or Aider add debug console.log calls, they almost always prefix them with [Tag] — things like [Auth], [ApiClient], [CartReducer]. Console Copy Tool detects these automatically and turns them into clickable filter chips so you can scope captured output to the exact subset you care about before copying. - Auto-detected chips for [Tag], [Mod:Sub], [Tag1][Tag2] prefixes - Click chips to filter; multiple chips OR-combine - Free-text search with -foo to exclude matching messages - "Include untagged" toggle for mixed real-world output - Filter respects Copy All — you only copy what's visible - Light + dark theme follows your DevTools preference 🤖 Built for AI Debugging - AI-Ready Output: Clean plain text without emojis or formatting noise — drops straight into any LLM prompt - Tag-Scoped Copy: Send your assistant only the [Auth] logs, not the entire console - Source URLs and Line Numbers preserved on every captured entry for full context - Format-String Aware: correctly handles %c styled logs and CDP argument types - 5MB Clipboard Cap with control-character sanitization — safe to paste into terminals or chat without injection risks - console.log, console.info, console.warn, console.error, console.debug - Stack traces from console.trace, console.assert, and explicit Error objects - Uncaught JavaScript exceptions and unhandled promise rejections - Network errors, fetch failures, runtime warnings - Date / RegExp / Error objects rendered as their human-readable form - Toolbar popup — Start/Stop Recording, Copy Logs, Clear, with active-filter indicator - DevTools panel — full chip filter UI, search box, and message list - Right-click context menu — quick copy without opening anything 💻 Perfect For - Developers using Claude Code, Cursor, GitHub Copilot, Aider, or Windsurf - QA engineers attaching console output to bug tickets - Tech support staff capturing customer-reported console errors - Anyone debugging a complex issue and needing focused, copy-pasteable evidence - All capture is local-only — no network requests, no remote servers, no analytics - Captured messages live only in extension memory while a tab is open - Messages are deleted immediately when the tab closes - Host permission () is requested only when you click "Start Recording" — not at install - Clipboard output is sanitized to strip control characters and ANSI escape sequences - Open source under the MIT license Install Console Copy Tool and ship debugging context to your AI assistant in one click. Less noise, faster fixes.
AI Live Terminal Bridge - Browser Monitor
Captures console logs & network activity from localhost for AI debugging. Privacy-focused, local-only monitoring. Give your AI coding assistant complete visibility into your development environment, terminal and browser. Most AI coding tools are blind to your runtime environment. They write code, but they can't see if your local server crashed in the terminal or if your frontend is throwing 401 errors in the console. You are forced to copy-paste logs back and forth. AI Live Log Bridge solves this by feeding both log streams directly to your AI (Claude Desktop, Cursor, Windsurf, etc.) via MCP. 1. It Sees Your Terminal (Backend) Command Output: Automatically captures output from commands like npm run dev, python manage.py, or docker-compose. Crash Detection: If your server crashes or a test fails, the AI sees the stack trace immediately. Secret Redaction: Automatically hides API keys and secrets (e.g., sk-...) before the AI reads the logs. 2. It Sees Your Browser (Frontend) Console Sync: Feeds console.log, console.error, and exceptions directly to the AI context. Network Monitoring: AI can inspect failed fetch/XHR requests, 404s, and 500 errors in real-time. Debug Faster: The AI can correlate a backend error in your terminal with the resulting frontend error in your browser instantly. How It Works This extension works in tandem with the ai-live-log-bridge CLI tool. Terminal: Wraps your commands (e.g., ai npm run dev) to capture backend logs. Browser: This extension captures frontend activity. Bridge: Both streams are unified, allowing your AI to debug full-stack issues without you lifting a finger. Note: This extension requires the companion NPM package: npm install -g ai-live-log-bridge Github: https://github.com/Ami3466/ai-live-log-bridge
Console Viewer
Never miss a console log again. Record, search, and filter console output even when DevTools is closed. Console Viewer - Never Miss a Console Log Again Ever closed DevTools and missed that crucial error? Console Viewer captures all console output even when DevTools is closed, so you never lose important debugging information. FEATURES Record Console Output Capture console.log, console.warn, console.error, console.info, and console.debug automatically. Works on any website without keeping DevTools open. Tab-Specific Capture Enable capture for specific tabs only. Each tab maintains its own capture state - monitor only what you need. Preserve Logs Across Refreshes Keep your logs even when the page reloads. No more losing that error message because someone refreshed the page. Search & Filter Quickly find what you're looking for with instant search. Filter by log level - errors, warnings, info, or debug messages. Run JavaScript Execute JavaScript directly from the extension popup. Test code snippets on any page without opening DevTools. Light & Dark Mode Automatically matches your system theme, with manual toggle available. Keyboard Shortcuts / - Focus search Esc - Clear search Ctrl+L - Clear logs Ctrl+Enter - Run JavaScript PERFECT FOR - Developers debugging production issues - QA teams capturing error logs during testing - Anyone who wants to monitor console output without DevTools PRIVACY All data stays local. Console logs are stored only in your browser. No data is sent to external
Search Console Pro
Terminal-like Google search with advanced features Search Console Pro: Supercharge Your Google Searches 🚀 Transform your Google search experience with Search Console Pro, the Chrome extension that brings the power and efficiency of a command-line interface to your everyday searches. What is Search Console Pro? Search Console Pro overlays a terminal-like interface on your browser, allowing you to perform Google searches with the speed and precision of a seasoned developer. It's designed for power users, researchers, and anyone who wants to streamline their search process. Key Features: • 🖥️ Terminal-Style Interface: Sleek, distraction-free search environment • ⚡ Lightning-Fast Searches: Type and execute searches with unparalleled speed • 📜 Search History Navigation: Quickly access and reuse your recent searches • 🔄 Smart Autocomplete: Save time with intelligent suggestions based on your search history • 🔍 Reverse Search (Ctrl+R): Easily find and re-run previous searches • 🎨 Customizable Themes: Choose between Dark, Light, and Classic themes • ⌨️ Keyboard Shortcuts: Perform actions quickly without reaching for your mouse • 🌐 Multi-Language Support: Use the extension in your preferred language Why Install Search Console Pro? 1. Boost Productivity: Perform searches faster and more efficiently 2. Streamline Research: Easily track and revisit your search queries 3. Enhance Focus: Clean, terminal-like interface minimizes distractions 4. Customize Your Experience: Tailor the extension to your needs 5. Impress Your Colleagues: Show off your tech-savvy side with this unique search tool Perfect For: • 💻 Developers and IT Professionals • 🔬 Researchers and Students • 📊 Data Analysts • 📰 Journalists and Writers • 🕵️ Anyone who performs frequent, complex searches Upgrade your search game with Search Console Pro. Experience the power of command-line efficiency in your everyday browsing. Install now and revolutionize the way you search! For more information and support, visit: https://dorpascal.com/search-console-pro/
WebSocket Visualizer
Graphically displays incoming and outgoing WebSocket messages with event type grouping 🔌 WebSocket Visualizer — WebSocket Connection Visualizer for Chrome DevTools WebSocket Visualizer is a powerful developer extension that adds a new tab to Chrome DevTools, displaying all WebSocket messages passing through a page in real time. The extension helps analyze, filter, and understand interactions between the client and server over the WebSocket protocol—without changing application code or using third-party libraries. Modern applications actively use WebSocket connections for real-time data exchange—chats, exchanges, games, financial panels, IoT devices, and other systems. However, standard browser tools don't provide a convenient way to observe these data streams. WebSocket Visualizer solves this problem: it injects itself into the page context and intercepts native WebSocket events (open, message, close, error, send), visualizing everything in a separate DevTools tab—beautifully, structured, and interactively. The extension automatically replaces the native WebSocket constructor, tracking all connections opened by a page or libraries (including Socket.io, ws, Primus, etc.) Each incoming and outgoing message is displayed as a card with details: Message content with JSON formatting Connection URL and WebSocket session ID Messages are grouped by event type (e.g., message, update, trade, heartbeat) — allowing you to quickly analyze the protocol structure and the frequency of specific events. The top panel displays a summary: Sent and Received All counters are updated in real time without reloading Click on an event type in the sidebar to instantly apply a filter ⏸️ Pause and Resume You can pause the event stream for analysis and resume it later without losing context—useful for heavy traffic or historical analysis. 🗑️ Clear and Reset One button clears all messages and statistics, preserving active connections and filters. The language choice is saved and applied automatically on next launch. The interface is inspired by Visual Studio Code: Soft gradients and highlighting of active elements Stylized scrollbars and neat typography 🧭 Instructions for use Go to the WebSocket tab—this is the extension interface. Load or refresh the page where WebSocket connections are enabled. The extension will automatically intercept and display all events: Use filters to focus on the events you need. You can pause the stream with the ⏸️ Pause button, examine the data, and then continue with ▶️ Resume. To clear the data, click 🗑️ Clear — the interface will refresh and begin waiting for new connections. All actions are instantly reflected in the UI: animations, counters, and filters are synchronized in real time. 🔍 Debugging real-time chats and messengers 🕹️ Monitoring game servers and network interactions 💬 Testing push notifications and streaming services 📊 Educational projects on working with real-time data Automatic JSON formatting with structure highlighting Automatic scrolling to the last message History limitation (up to 1000 messages per list) for performance optimization Security and privacy The extension does not collect, save, or send data from websites. All operations are performed locally within the browser context. Minimal permissions (activeTab, scripting, storage) are used exclusively for data visualization within DevTools. The new version of WebSocket Visualizer 1.3.0 adds support for German and Spanish, and the interface language switcher has been updated to include new localization options. Connection activity monitoring and state management have been improved, and a JSON viewer has been implemented for detailed viewing of message data. The interface has received visual improvements and new statistics elements: you can now monitor the number of bytes sent and received in real time. Furthermore, message export capabilities have been expanded to include JSON, CSV, and HAR formats, and a button for copying individual messages has been added. All export and statistics-related text is now localized for all supported languages. These updates make WebSocket Visualizer even more convenient for analyzing traffic, testing, and debugging WebSocket connections directly in the browser. WebSocket Visualizer now supports binary data handling with an integrated hex viewer for deeper inspection of raw message content. The message parsing logic has been improved to ensure more accurate decoding of complex WebSocket frames. Additionally, this update introduces localized translations for all new binary data features, providing a smoother experience for users in multiple languages.
