Chrome Extension Bridge MCP Server

@Oanakiaja

代码仓库

基本信息

分类

开发工具

许可证

MIT

传输方式

stdio

作者

Oanakiaja

关于 Chrome Extension Bridge MCP Server

A chrome extension bridge that allows you to connect to a mcp server to use global window object.

#javascript #chrome-extension #mcp #mcp-server #vibe-coding

Chrome Extension Bridge MCP Server 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

Chrome Extension Bridge MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Chrome Extension Bridge MCP?

A Chrome extension that creates a WebSocket connection between web pages and a local MCP server, enabling interaction with browser resources and execution of JavaScript functions from the server.

How to use Chrome Extension Bridge MCP?

Install dependencies with npm install, build with npm run debug, load the unpacked extension from the extension folder in Chrome’s developer mode. The extension automatically connects to ws://localhost:54319. On the server side, use the Client class to call tools and resources via the extension.

Key features of Chrome Extension Bridge MCP

WebSocket bridge between pages and a local MCP server
Access browser APIs, DOM, and global objects
Execute JavaScript functions in the context of any web page
Retrieve resources like user agent from the browser
Simple JSON‑RPC‑like protocol for requests and responses
Supports custom tools and resources defined on the server

Use cases of Chrome Extension Bridge MCP

Control a web‑based editor (e.g., Three.js Editor) via window.editor
Automate browser testing by calling native APIs from an MCP server
Extract page content or metadata using resource endpoints
Integrate web‑page interactions into AI‑powered workflows

常见问题

What does this extension do differently from a standard MCP server?

It enables an MCP server to directly interact with live web pages by injecting a client script that communicates over WebSocket with the server.

What are the runtime requirements?

Node.js, the MCP SDK, and a Chrome browser (with developer mode enabled for the extension).

How do I change the WebSocket port?

Modify the port in `extension/content.js` and ensure it matches the port used by the `Client` instance on the server side.

Can I access any JavaScript object on a page?

Yes, the extension can execute arbitrary JavaScript in the context of the page, so any object accessible via `window` or the global scope can be reached.

Is authentication or encryption supported?

No authentication or encryption is mentioned. Connections are plain WebSocket to localhost and are intended for local development use only.

开发工具分类下的更多 MCP 服务器

Capgo MCP

Cap-go

Console, Backend and CLI to manage Capgo Instant update and Native build for Capacitor apps Build and upload to app store your mobile app

Eddyter AI Rich Text Editor MCP

EddyterAI

Set up and manage the Eddyter AI rich text editor by talking to your AI agent — for Claude, Cursor, Codex and other MCP tools. A Model Context Protocol server that lets AI tools add Eddyter to a React, Next.js, Vite or R

Official Porkbun MCP Server

Porkbun LLC

Official Porkbun MCP server, maintained by Porkbun. Check domain availability and pricing, register, renew and transfer domains, and manage DNS records, nameservers, URL forwarding, glue records, DNSSEC and domain contac

Pugi

Pugi Inc.

Pugi is an AI product team in your chat. Describe a business in a few sentences and Pugi plans, designs, builds and checks a real website, shows a live preview, and puts it live on its own address. Ask for changes in pla

Modelglass

Modelglass turns "which model should I use?" into a lookup instead of a guess. Seven tools give your agent live pricing across image, language, video, and audio models. Sourced and versioned, not scraped once and forgott