open-browser-control
Controls the Firefox browser via a WebSocket bridge and browser extension, providing tools for page navigation, DOM inspection, JavaScript execution, and user interaction.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@open-browser-control Search for MCP on Google and click the first result"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Open Browser Control
Give AI agents control of your browser — Chrome or Firefox. Works with Kiro, Claude Code, Claude Desktop, Cursor, and any MCP client.
The AI uses your real browser — your cookies, sessions, and logins. When it hits something it can't handle (sign-in, CAPTCHA, MFA), it asks you to step in, then continues where it left off.
Install either the Chrome or the Firefox extension — the MCP server speaks the same protocol to both.
Quick Start
Step 1: Add MCP config
Add to your MCP client's config:
Kiro — add to .kiro/settings/mcp.json (workspace) or ~/.kiro/settings/mcp.json (global):
{
"mcpServers": {
"browser": {
"command": "npx",
"args": ["-y", "open-browser-control"]
}
}
}claude mcp add browser -- npx -y open-browser-controlAdd to your MCP config file:
{
"mcpServers": {
"browser": {
"command": "npx",
"args": ["-y", "open-browser-control"]
}
}
}Step 2: Install the browser extension
Pick whichever browser you'd like the AI to drive.
Chrome — install from the Chrome Web Store:
Open Browser Control on the Chrome Web Store
Unpack the extension and load it in Firefox:
npx -y open-browser-control --extension firefoxThis prints a path like ~/open-browser-control-extension-firefox. Then:
Open
about:debugging#/runtime/this-firefoxClick Load Temporary Add-on…
Pick the
manifest.jsoninside that folder
Firefox clears unsigned temporary add-ons on restart. For a permanent install, use Firefox Developer Edition (
xpinstall.signatures.required=false) or sign the extension via AMO.
The extension is auto-installed to ~/open-browser-control-extension/ on first run. Load it in Chrome:
Open
chrome://extensions/Enable Developer mode (toggle in top right)
Click Load unpacked
Select the folder:
~/open-browser-control-extension/
Done. The extension auto-connects when your agent starts. No servers to run, no buttons to click.
Related MCP server: Wbrowser
How It Works
AI Agent MCP Server Browser Extension
(Kiro, ◄──► (npx open-browser- ◄──► (Chrome: CDP, or
Claude, ..) control) Firefox: scripting API)
stdio ws://localhost:9334 auto-connectYour agent starts the MCP server automatically (from the config above)
MCP server starts a WebSocket bridge on
localhost:9334The browser extension (Chrome or Firefox) auto-connects (polls every 2s until it finds the bridge)
Agent sends tool calls → extension executes (via Chrome DevTools Protocol on Chrome, or the WebExtensions
scriptingAPI on Firefox) → results flow back
Both extensions implement the same JSON protocol over WebSocket, so the MCP server, bridge, and agents never need to know which browser is on the other end.
User/AI Handoff
Mode | What happens |
Collaborative (default) | Both user and AI interact with the page |
AI Control | AI drives, user watches |
User Control | AI paused, user takes over |
AI browsing → hits login page → calls browser_request_user("Please sign in")
→ user signs in → clicks "Done" in side panel → AI continues, now authenticatedBrowser Tools
19 tools available to the AI:
Tool | What it does |
| Go to a URL |
| Get interactive elements with positions and text (primary way to read pages) |
| URL, title, dimensions, scroll position |
| Run JavaScript in page context |
| Click by selector, text, or coordinates |
| Type text, optionally clear first or press Enter |
| Scroll up/down/left/right |
| Press any key with modifiers |
| Hover over an element |
| Pick from a dropdown |
| Wait for element, text, or fixed time |
| Capture page as PNG (use sparingly — DOM tools are faster) |
| Ask user to take over (sign in, CAPTCHA, etc.) |
| Create a named tab group for a task |
| Open a new tab in the current group |
| Close a tab |
| Switch to a tab by ID |
| List all open tabs in this session |
| Set the session name (shown on tab group) |
Standalone Use (no MCP)
If you're not using an MCP client:
npx -y open-browser-control --bridge # starts WebSocket bridge onlyConnect your agent to ws://localhost:9334 and send JSON messages:
{"type": "action", "action": "navigate", "id": "1", "params": {"url": "https://example.com"}}
{"type": "action", "action": "click", "id": "2", "params": {"text": "Sign In"}}
{"type": "action", "action": "get_dom", "id": "3"}CLI
npx -y open-browser-control # Start MCP server (default)
npx -y open-browser-control --bridge # Standalone WebSocket bridge
npx -y open-browser-control --extension # Print extension install path
npx -y open-browser-control --port 9000 # Custom port
npx -y open-browser-control --help # HelpDevelopment
git clone https://github.com/smankoo/open-browser-control
cd open-browser-control
npm install
npm run build # builds both browsers → dist/chrome, dist/firefox
# and packages to extension/ and extension-firefox/
npm run dev # watch mode
npm start # run MCP server locallyRequirements
Chrome 116+ or Firefox 128+
Node.js 18+
Available Tools
18 toolsbrowser_clickC
Click on a page element. Specify by CSS selector, visible text, or x/y coordinates.
Inputs: x, y, text, button, +1 more.
browser_execute_jsA
Execute JavaScript in the page context and return the result. Useful for extracting specific data, reading computed styles, or interacting with page APIs — often more precise than screenshots for getting exact values.
Inputs: expression (required).
browser_get_domA
Get the page DOM structure. Returns interactive elements with their text, roles, and positions. This is the primary way to understand what is on the page — use it to find elements to click, read text content, and understand page layout. Faster and more detailed than screenshots.
Inputs: selector, simplified.
browser_get_page_infoA
Get current page metadata: URL, title, dimensions, scroll position. Use this to quickly check where you are and whether navigation succeeded — much faster than a screenshot.
Inputs: no named parameters.
browser_hoverC
Move mouse over an element to trigger hover effects.
Inputs: x, y, text, selector.
browser_keypressC
Press a keyboard key, optionally with modifiers.
Inputs: key (required), modifiers.
browser_list_tabsA
List all open browser tabs in this session.
Inputs: no named parameters.
browser_new_tabB
Open a new browser tab.
Inputs: url.
browser_new_tab_groupA
Create a new named tab group for a task. Use this to organize browsing by task — each group gets a label visible in Chrome. The new group becomes the active group; new tabs and navigations happen inside it.
Inputs: name (required), url.
browser_request_userA
Ask the user to perform an action (e.g., sign in, solve CAPTCHA). AI pauses until user signals done.
Inputs: message (required), timeout.
browser_screenshotA
Take a screenshot of the current browser page. Returns the file path to a saved PNG image. Screenshots are slow and heavy — prefer browser_get_dom and browser_get_page_info to understand page content and structure. Use screenshots only when you need to verify visual layout, debug rendering issues, or when DOM inspection is insufficient (e.g. canvas, images, charts). The response includes a pageRect describing which page-coordinate region the image depicts. To zoom into fine detail (especially after a full-page shot), call again with rect:{x,y,width,height} narrowed to a sub-region of that pageRect — coordinates are page CSS pixels.
Inputs: rect, fullPage, selector.
browser_scrollB
Scroll the page in a direction.
Inputs: direction (required), amount, selector.
browser_select_optionB
Select an option from a dropdown element.
Inputs: selector (required), text, value.
browser_set_session_nameA
Set a descriptive name for this browser session. The name appears on the Chrome tab group so the user can identify what task this session is working on. Call this early with a short task summary (e.g. "Search flights to Paris", "Debug login page").
Inputs: name (required).
browser_switch_tabA
Switch to a specific browser tab by its ID.
Inputs: tabId (required).
browser_typeC
Type text into the focused element or a specific element.
Inputs: text (required), clear, selector, pressEnter.
browser_waitB
Wait for a condition: element to appear, text to show, or fixed time.
Inputs: ms, text, timeout, selector.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
Loading tool schema changelog…
TDQS
Scored across 18 tools
Each tool targets a distinct action: clicking, typing, scrolling, DOM inspection, screenshot, tab management, JS execution, user requests, etc. Descriptions clearly differentiate between DOM-based and screenshot-based understanding, and between navigation and interaction primitives.
All tools follow the consistent snake_case pattern with the verb_noun structure and browser_ prefix. There is no mixing of conventions, making names predictable and easy to infer.
18 tools is well-scoped for a browser control server. It covers navigation, interaction, DOM reading, tab management, and special actions like user requests, without being bloated or too sparse.
Obvious gaps exist: no tool to close a tab, no back/forward navigation, and no cookie or storage management. These are standard browser automation operations whose absence will cause agent failures.
Maintenance
Related MCP Connectors
Let AI agents use any website you're logged in to. Sessions stay encrypted on your machine.
Let your AI agent operate any website through a real, logged-in browser session.
Let AI agents use your real, signed-in Chrome: tabs, clicks, forms, screenshots and video.
Connect AI agents to your own Chrome with scoped access, approvals, and verified task results.
Related MCP Servers
- AlicenseNot gradedqualityCmaintenanceEnables AI agents to securely control a user's existing signed-in Chrome browser through isolated tab groups, with strict per-session ownership and no cookie or token exposure.4 npmISC
- AlicenseNot gradedqualityBmaintenanceEnables AI assistants and terminal users to control a logged-in Chrome browser, performing actions like opening pages, searching, filling forms, and taking screenshots without re-authentication.MIT
- FlicenseNot gradedqualityBmaintenanceEnables AI agents to control existing Chrome and Firefox browser sessions locally, including tab management, navigation, form filling, screenshots, and persistent scripts, without remote relays or debugging ports.9 npm-
- AlicenseNot gradedqualityBmaintenanceEnables AI agents to control a user's existing Chrome browser with preserved logins, performing tab management, element interaction, script execution, and screenshots, all locally via a Chrome extension and Python bridge.2MIT