AIBase
JA
たんさく
Browserloop
B

Browserloop

BrowserLoopはPlaywrightベースのMCPサービスツールで、ウェブページのスクリーンショットを自動的にキャプチャし、コンソールログを監視します。AIエージェントによるウェブページのデバッグ、テスト、開発タスクをサポートします。
開発者ツールブラウザ自動化#ウェブページのスクリーンショット#コンソールログ#ブラウザ自動化#MCPサービス.TypeScript
2ポイント
6.4K
サイトを開く

概要

インストール

コンテンツ詳細

代替品

BrowserLoopとは？

BrowserLoopはModel Context Protocol (MCP)サーバーで、AIエージェントが自動的にウェブページのスクリーンショットをキャプチャし、ブラウザのコンソール出力を監視できます。Playwright技術を使用しており、デバッグ、テスト、開発タスクに使用できます。

BrowserLoopの使い方は？

BrowserLoopはコマンドラインまたはMCPツールに統合して使用できます。ターゲットURL、スクリーンショットパラメータ、認証情報を設定するだけで、簡単にウェブページのスクリーンショットとログを取得できます。

適用シナリオ

BrowserLoopは自動化されたウェブページのスクリーンショットとログ監視が必要なシナリオ、開発デバッグ、テスト検証、ウェブサイトのメンテナンス、セキュリティ監査などに適しています。

主要機能

高品質のスクリーンショット
Playwright技術を使用してウェブページのスクリーンショットをキャプチャし、PNG、JPEG、WebP形式をサポートし、品質パラメータを調整できます。
コンソールログ監視
ウェブページのコンソールログをリアルタイムでキャプチャし、エラー、警告、デバッグ情報を含みます。
リモートとローカルURLのサポート
ローカル開発サーバー（例：http://localhost:3000）とリモートウェブサイト（例：https://example.com）を処理できます。
Cookieベースの認証
Cookieを使用した認証をサポートし、保護されたページのスクリーンショットをキャプチャできます。
Dockerコンテナ化
Dockerイメージを提供し、コンテナ環境でのデプロイと実行を容易にします。
全ページと要素のスクリーンショット
ウェブページ全体または特定の要素のスクリーンショットをキャプチャでき、さまざまなニーズに対応します。
利点
効率的なウェブページのスクリーンショットとログ監視機能を提供する
複数の画像形式とカスタムパラメータ設定をサポートする
MCPツールチェーンに簡単に統合できる
ローカルとリモートのURLをサポートし、幅広いシナリオに対応する
Dockerイメージを提供し、デプロイが容易である
制限
Chromiumブラウザをインストールする必要がある
一部の本番環境のウェブサイトではログを取得できない場合がある
高度な機能を使用するには一定の設定知識が必要である
複雑な認証メカニズムでは追加の設定が必要な場合がある

使い方

Chromiumブラウザをインストールする
まず、Chromiumブラウザをインストールする必要があります。これはBrowserLoopを実行するための基礎です。
MCPサーバーを設定する
BrowserLoopをMCP設定ファイルに追加し、正しいコマンドとパラメータを指定します。
スクリーンショットまたはログのリクエストを実行する
MCPツールを使用してスクリーンショットまたはログのリクエストを送信します。例：'https://example.comのスクリーンショットを撮る'。

使用例

開発デバッグ
開発中に、BrowserLoopを使用してウェブページのスクリーンショットを撮り、UIの変更を検証します。
ログ監視
ウェブページのコンソールログを監視し、潜在的な問題やエラーを発見します。
セキュリティ監査
ウェブページのスクリーンショットとログをキャプチャして、ウェブサイトのセキュリティと安定性を評価します。

よくある質問

BrowserLoopにはどのような依存関係がありますか？
'Executable doesn't exist'エラーを解決するにはどうすればいいですか？
BrowserLoopはどのような画像形式をサポートしていますか？
保護されたページのスクリーンショットをキャプチャするにはどうすればいいですか？
BrowserLoopはDockerをサポートしていますか？

関連リソース

BrowserLoopドキュメント
公式GitHubリポジトリ。プロジェクトの説明、APIドキュメント、ソースコードが含まれています。
Cookie認証ガイド
Cookieを使用した認証方法を詳細に説明しています。
APIリファレンスドキュメント
詳細なAPIパラメータの説明と使用例が含まれています。
ライセンスファイル
BrowserLoopのライセンス情報です。

インストール

以下のコマンドをクライアントにコピーして設定
{
  "mcpServers": {
    "browserloop": {
      "command": "npx",
      "args": ["-y", "browserloop@latest"],
      "description": "Screenshot and console log capture server for web pages using Playwright"
    }
  }
}

{
  "mcpServers": {
    "browserloop": {
      "command": "node",
      "args": [
        "/absolute/path/to/browserloop/dist/src/index.js"
      ],
      "description": "Screenshot and console log capture server for web pages using Playwright"
    }
  }
}

{
  "mcpServers": {
    "browserloop": {
      "command": "node",
      "args": ["dist/src/mcp-server.js"],
      "env": {
        "BROWSERLOOP_DEFAULT_COOKIES": "/home/username/.config/browserloop/cookies.json",
        "BROWSERLOOP_DEFAULT_FORMAT": "webp",
        "BROWSERLOOP_DEFAULT_QUALITY": "85"
      }
    }
  }
}

{
  "mcpServers": {
    "browserloop": {
      "command": "node",
      "args": ["dist/src/mcp-server.js"],
      "env": {
        "BROWSERLOOP_DEFAULT_COOKIES": "[{\"name\":\"session_id\",\"value\":\"your_session_value\",\"domain\":\"example.com\"},{\"name\":\"auth_token\",\"value\":\"your_auth_token\"}]",
        "BROWSERLOOP_DEFAULT_FORMAT": "webp",
        "BROWSERLOOP_DEFAULT_QUALITY": "85"
      }
    }
  }
}
注意：あなたのキーは機密情報です。誰とも共有しないでください。

代替品

R
Rsdoctor
Rsdoctorは、Rspackエコシステム向けに開発されたビルド分析ツールで、webpackと完全に互換性があり、可視化ビルド分析、多次元パフォーマンス診断、インテリジェントな最適化提案を提供し、開発者がビルド効率とエンジニアリング品質を向上させるのに役立ちます。
TypeScript
7.8K
5ポイント
N
Next Devtools MCP
Next.js開発ツールのMCPサーバーです。ClaudeやCursorなどのAIプログラミングアシスタントにNext.js開発ツールとユーティリティを提供します。実行時診断、開発自動化、およびドキュメントアクセス機能が含まれています。
TypeScript
8.4K
5ポイント
T
Testkube
Testkubeは、クラウドネイティブアプリケーション向けのテストオーケストレーションと実行フレームワークで、テストの定義、実行、分析を行うための統一プラットフォームを提供します。既存のテストツールとKubernetesインフラストラクチャをサポートします。
Go
6.2K
5ポイント
M
MCP Windbg
AIモデルをWinDbg/CDBに統合するMCPサーバーで、Windowsのクラッシュダンプファイルの分析とリモートデバッグに使用し、自然言語での対話を通じてデバッグコマンドを実行できます。
Python
9.6K
5ポイント
R
Runno
Runnoは、JavaScriptツールキットのセットで、ブラウザやNode.jsなどの環境で複数のプログラミング言語のコードを安全に実行するためのものです。WebAssemblyとWASIを通じてサンドボックス化された実行を実現し、Python、Ruby、JavaScript、SQLite、C/C++などの言語をサポートし、Webコンポーネント、MCPサーバーなどの統合方法を提供します。
TypeScript
6.6K
5ポイント
N
Netdata
Netdataはオープンソースのリアルタイムインフラストラクチャ監視プラットフォームで、毎秒の指標収集、可視化、機械学習による異常検出、自動化アラートを提供し、複雑な構成なしで全スタックの監視を実現します。
Go
9.7K
5ポイント
M
MCP Server
Mapbox MCPサーバーは、Node.jsで実装されたモデルコンテキストプロトコルサーバーで、AIアプリケーションにMapboxの地理空間APIへのアクセス機能を提供します。地理コーディング、興味のある場所の検索、ルート計画、等時線分析、静的地図生成などの機能が含まれます。
TypeScript
8.8K
4ポイント
U
Uniprof
uniprofは、CPUパフォーマンス分析を簡素化するツールで、複数のプログラミング言語とランタイムをサポートし、コードの変更や依存関係の追加なしに、Dockerコンテナまたはホストモードでワンクリックでパフォーマンスプロファイリングとホットスポット分析を行うことができます。
TypeScript
8.3K
4.5ポイント
G
Gmail MCP Server
Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。
TypeScript
15.3K
4.5ポイント
E
Edgeone Pages MCP Server
EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。
TypeScript
21.1K
4.8ポイント
C
Context7
Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。
TypeScript
66.7K
4.7ポイント
B
Baidu Map
認証済み
百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。
Python
31.9K
4.5ポイント
G
Gitlab MCP Server
認証済み
GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。
TypeScript
18.2K
4.3ポイント
U
Unity
認証済み
UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。
C#
23.7K
5ポイント
M
Magic MCP
Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。
JavaScript
17.4K
5ポイント
S
Sequential Thinking MCP Server
MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。
Python
28.1K
4.5ポイント
AIBase
智啓未来、あなたの人工知能ソリューションシンクタンク
English简体中文繁體中文にほんご
© 2026AIBase