ConsoleSpy
ConsoleSpy: カーソル用MCPサーバー
ブラウザ コンソールのログをキャプチャし、モデル コンテキスト プロトコル (MCP) を通じてカーソル IDE で使用できるようにするツール。
概要
このツールは次のものから構成されます:
ブラウザからコンソールログをキャプチャするサーバー
これらのログをCursorで利用できるようにするMCPサーバー
コンソールログをサーバーに送信するブラウザ拡張機能
Related MCP server: MCP Browser Logger
インストール
サーバーのセットアップ
このリポジトリをクローンします:
git clone https://github.com/mgsrevolver/consolespy.git cd consolespy依存関係をインストールします:
npm installセットアップ スクリプトを実行して、カーソルの MCP 接続を構成します。
./setup.sh
ブラウザ拡張機能のインストール
Chromeウェブストアから拡張機能をインストールします
または
開発者モードで拡張機能を読み込みます。
Chromeを開いて
chrome://extensions/に移動します。「開発者モード」を有効にする(右上隅のトグル)
「解凍して読み込む」をクリックし、このリポジトリから
extensionフォルダを選択します。
使用法
サーバーの起動
コンソール ログ サーバーを起動します。
node mcp-server.js別のターミナルで、MCP サーバーを起動します。
npx supergateway --port 8766 --stdio "node console-spy-mcp.js"
あるいは、起動スクリプトを使用して、両方のサーバーを同時に起動することもできます。
./start-servers.shカーソルの設定
セットアップ スクリプトを実行した後でも、Cursor に MCP サーバーを手動で追加する必要があります。
設定 > 機能 > カーソル内のMCPに移動します
次のようにして新しい MCP サーバーを追加します。
名前: ConsoleSpy
タイプ: sse
拡張機能の使用
ブラウザの拡張機能アイコンをクリックしてオン/オフを切り替えます
有効にすると、現在のタブのすべてのコンソールログがサーバーに送信されます。
カーソルでは、MCPインターフェースを通じてこれらのログにアクセスできるようになりました。
カスタマイズ
コンソールログサーバポートの変更
コンソール ログ サーバーに別のポート (デフォルトは 3333) を使用する必要がある場合は、複数の場所でポートを更新する必要があります。
mcp-server.jsで、ポート変数を変更します。const port = 3333; // Change to your desired portconsole-spy-mcp.jsで、新しいポートに合わせて URL を更新します。const CONSOLE_SERVER_URL = 'http://localhost:3333/mcp'; // Change 3333 to your portブラウザ拡張機能の
content.jsで、サーバー URL を更新します。const serverUrl = 'http://localhost:3333/console-logs'; // Change 3333 to your portstart-servers.shを使用する場合は、そこでもポート参照を更新します。
**重要:**すべての場所で同じポート番号を使用する必要があります。一貫性を保つため、プロジェクトファイル内で「3333」をグローバル検索し、すべてのインスタンスを希望のポート番号に置き換えることをお勧めします。
すでにポート 3333 を使用している別のアプリケーションでローカルでテストしている場合、ツールが正しく動作するためにこのポートを変更することが不可欠です。
トラブルシューティング
両方のサーバーが稼働していることを確認してください
デバッグしているタブでブラウザ拡張機能が有効になっていることを確認します
カーソルの設定にMCPサーバーを追加したことを確認してください
ログが表示されない場合は、ページを更新するか、サーバーを再起動してください。
ライセンス
This server cannot be deployed
Maintenance
Related MCP Connectors
Live browser debugging for AI assistants — DOM, console, network via MCP.
A paid remote MCP for AI agent browser DevTools MCP, built to return verdicts, receipts, usage logs,
Query application logs, traces, and metrics from your AI coding assistant via Foam's MCP server.
Run, debug, and triage tests from your IDE using natural language, no dashboard switching, no manual data transfers. The TestMu AI (formerly LambdaTest) MCP Server is a single remote server exposing four tool suites: HyperExecute — analyze your project, generate YAML configs and test runner commands, then monitor jobs and sessions. Automation — pull a TestID's details plus command, network, and console logs into one chat for instant root-cause analysis. Includes mobile app upload. SmartUI — explain pixel, layout, DOM, and perceptual changes in a visual regression run, with context-aware React/HTML/CSS fixes. Accessibility — audit any public URL or a local React app against WCAG and get ready-to-apply remediation steps. Connects over https://mcp.lambdatest.com/mcp using OAuth 2.1 — no API keys in your config. One-click install in Cursor; works with Claude, GitHub Copilot, Cline, and any MCP client. Tests execute on the TestMu AI cloud: 3,000+ browsers and 10,000+ real devices.
Related MCP Servers
- AlicenseNot gradedqualityDmaintenanceA 100% local development monitoring tool that captures browser console logs, network requests, and backend server output for analysis by AI assistants via MCP. It enables LLMs to debug applications by providing structured, real-time access to full-stack log data and persistent local storage.2 npm7MIT
- FlicenseNot gradedqualityDmaintenanceAn MCP server that captures browser console logs and network requests via the Chrome DevTools Protocol. It allows users to monitor real-time logs, inspect network traffic, and execute JavaScript code directly in the browser context.-
- AlicenseNot gradedqualityCmaintenanceMCP server for browser debugging, inspection, and verification that streams console logs, network errors, and user actions into AI coding assistants.65AGPL 3.0
- AlicenseNot gradedqualityDmaintenancePlaywright-powered browser automation and debugging for VS Code and Cursor via the Model Context Protocol (MCP).52MIT