BrowserBridge
CommunityDebug browsers in real-time, automate frontend tasks.
Software Engineering#debugging#frontend#javascript#browser automation#chrome extension#websocket#dom inspection
Authorlawless-m
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Debugging and interacting with web browsers programmatically can be cumbersome, especially for dynamic content or complex JavaScript. BrowserBridge provides a real-time WebSocket connection, allowing AI to execute JavaScript, inspect DOM elements, and monitor browser events, significantly speeding up frontend debugging, testing, and automation.
Core Features & Use Cases
- Real-time JavaScript Execution: Run arbitrary JavaScript in the active browser tab and retrieve results instantly, enabling live testing and data extraction.
- DOM Inspection: Get detailed HTML, computed styles, and bounding box information for any element by CSS selector, aiding in layout and visibility debugging.
- Automated Monitoring: Automatically captures console logs, JavaScript errors, and page events, providing a comprehensive view of browser activity without manual intervention.
- Use Case: A user reports a UI element is not visible. Claude can use BrowserBridge to check if the element exists, inspect its computed styles (e.g.,
display: none), and even test live CSS changes, quickly diagnosing the issue without manual browser interaction.
Quick Start
Use BrowserBridge to execute JavaScript in the active browser tab and retrieve the current page title.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: BrowserBridge Download link: https://github.com/lawless-m/iscsi-crate/archive/main.zip#browserbridge Please download this .zip file, extract it, and install it in the .claude/skills/ directory.