Mcp Server Playwright
MCP-Server für die Browserautomatisierung mit Playwright
Übersicht
Was ist MCP-Server-Playwright?
MCP-Server-Playwright ist ein innovativer Server, der für die Browserautomatisierung mit Playwright entwickelt wurde, einer leistungsstarken Bibliothek, die es Entwicklern ermöglicht, Webanwendungen in verschiedenen Browsern zu automatisieren. Dieses Projekt ist besonders nützlich für Tests und Web-Scraping, da es Benutzern ermöglicht, Benutzerinteraktionen zu simulieren und Daten effizient zu sammeln.
Funktionen von MCP-Server-Playwright
- Cross-Browser-Unterstützung: MCP-Server-Playwright unterstützt mehrere Browser, einschließlich Chrome, Firefox und Safari, und stellt sicher, dass Ihre Automatisierungsskripte nahtlos in verschiedenen Umgebungen ausgeführt werden können.
- Einfache Einrichtung: Der Server ist für eine schnelle Installation und Konfiguration ausgelegt, was ihn für Entwickler aller Fähigkeitsstufen zugänglich macht.
- Robuste API: Er bietet eine umfassende API, die eine detaillierte Kontrolle über Browserinteraktionen ermöglicht, einschließlich Navigation, Elementauswahl und Ereignisbehandlung.
- Headless-Modus: Benutzer können Tests im Headless-Modus ausführen, was ideal für CI/CD-Pipelines und Umgebungen ist, in denen keine grafische Benutzeroberfläche verfügbar ist.
- Umfangreiche Dokumentation: Das Projekt kommt mit ausführlicher Dokumentation, die es Entwicklern erleichtert, zu beginnen und alle Funktionen effektiv zu nutzen.
So verwenden Sie MCP-Server-Playwright
- Installation: Beginnen Sie mit dem Klonen des Repositories von GitHub:
git clone https://github.com/Automata-Labs-team/MCP-Server-Playwright.git cd MCP-Server-Playwright - Abhängigkeiten: Installieren Sie die erforderlichen Abhängigkeiten mit npm oder yarn:
npm install - Server starten: Starten Sie den Server mit folgendem Befehl:
npm start - Erstellen von Automatisierungsskripten: Schreiben Sie Ihre Automatisierungsskripte mit der bereitgestellten API. Hier ist ein einfaches Beispiel, um zu einer Webseite zu navigieren:
const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); await page.goto('https://example.com'); await browser.close(); })(); - Testen und Debuggen: Nutzen Sie die integrierten Debugging-Tools, um Ihre Skripte zu testen und sicherzustellen, dass sie wie erwartet funktionieren.
Häufig gestellte Fragen
Was ist Playwright?
Playwright ist eine Open-Source-Automatisierungsbibliothek, die von Microsoft entwickelt wurde und es Entwicklern ermöglicht, Webanwendungen in verschiedenen Browsern zu automatisieren. Sie unterstützt moderne Funktionen von Webanwendungen und bietet eine umfangreiche API für die Browserinteraktion.
Kann ich MCP-Server-Playwright für Web-Scraping verwenden?
Ja, MCP-Server-Playwright eignet sich gut für Web-Scraping-Aufgaben. Seine Fähigkeit, Browseraktionen zu automatisieren, erleichtert das Extrahieren von Daten von Webseiten.
Ist MCP-Server-Playwright kostenlos zu verwenden?
Absolut! MCP-Server-Playwright ist Open Source und steht jedem zur Verfügung, um es zu verwenden, zu modifizieren und unter der MIT-Lizenz zu verteilen.
Wie kann ich zum Projekt beitragen?
Beiträge sind willkommen! Sie können beitragen, indem Sie Probleme, Funktionsanfragen oder Pull-Requests im GitHub-Repository einreichen. Bitte beachten Sie die Mitwirkungsrichtlinien in der Dokumentation für weitere Details.
Wo finde ich die Dokumentation?
Die Dokumentation für MCP-Server-Playwright ist im Repository verfügbar. Sie können sie direkt hier aufrufen.
Detail
<a href="https://glama.ai/mcp/servers/9q4zck8po5"><img width="380" height="200" src="https://glama.ai/mcp/servers/9q4zck8po5/badge" alt="MCP-Server-Playwright MCP server" /></a>
Table of Contents
Features
- 🌐 Full browser automation capabilities
- 📸 Screenshot capture of entire pages or specific elements
- 🖱️ Comprehensive web interaction (navigation, clicking, form filling)
- 📊 Console log monitoring
- 🔧 JavaScript execution in browser context
Installation
Installing via Smithery
To install MCP Server Playwright for Claude Desktop automatically via Smithery:
npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client claude
You can install the package using either npx or mcp-get:
Using npx:
npx @automatalabs/mcp-server-playwright install
This command will:
- Check your operating system compatibility (Windows/macOS)
- Create or update the Claude configuration file
- Configure the Playwright server integration
The configuration file will be automatically created/updated at:
- Windows:
%APPDATA%\Claude\claude_desktop_config.json - macOS:
~/Library/Application Support/Claude/claude_desktop_config.json
Using mcp-get:
npx @michaellatman/mcp-get@latest install @automatalabs/mcp-server-playwright
Configuration
The installation process will automatically add the following configuration to your Claude config file:
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@automatalabs/mcp-server-playwright"]
}
}
}
Using with Cursor
You can also use MCP Server Playwright with Cursor, an AI-powered code editor. To enable browser automation in Cursor via MCP:
-
Install Playwright browsers (if not already):
npx playwright install -
Install MCP Server Playwright for Cursor using Smithery:
npx -y @smithery/cli install @automatalabs/mcp-server-playwright --client cursor -
Configuration file setup:
If you do not use Claude, the configuration file (claude_desktop_config.json) may not be created automatically.- On Windows, create a folder named
Claudein%APPDATA%(usuallyC:\Users\<YourName>\AppData\Roaming\Claude). - Inside that folder, create a file named
claude_desktop_config.jsonwith the following content:
{ "serverPort": 3456 } - On Windows, create a folder named
-
Follow the remaining steps in the Installation section above to complete the setup.
Now, you can use all the browser automation tools provided by MCP Server Playwright directly from Cursor’s AI features, such as web navigation, screenshot capture, and JavaScript execution.
Note: Make sure you have Node.js installed and
npxavailable in your system PATH.
Components
Tools
browser_navigate
Navigate to any URL in the browser
{
"url": "https://stealthbrowser.cloud"
}
browser_screenshot
Capture screenshots of the entire page or specific elements
{
"name": "screenshot-name", // required
"selector": "#element-id", // optional
"fullPage": true // optional, default: false
}
browser_click
Click elements on the page using CSS selector
{
"selector": "#button-id"
}
browser_click_text
Click elements on the page by their text content
{
"text": "Click me"
}
browser_hover
Hover over elements on the page using CSS selector
{
"selector": "#menu-item"
}
browser_hover_text
Hover over elements on the page by their text content
{
"text": "Hover me"
}
browser_fill
Fill out input fields
{
"selector": "#input-field",
"value": "Hello World"
}
browser_select
Select an option in a SELECT element using CSS selector
{
"selector": "#dropdown",
"value": "option-value"
}
browser_select_text
Select an option in a SELECT element by its text content
{
"text": "Choose me",
"value": "option-value"
}
browser_evaluate
Execute JavaScript in the browser console
{
"script": "document.title"
}
Resources
-
Console Logs (
console://logs)- Access browser console output in text format
- Includes all console messages from the browser
-
Screenshots (
screenshot://<n>)- Access PNG images of captured screenshots
- Referenced by the name specified during capture
License
This project is licensed under the MIT License - see the LICENSE file for details.
Serverkonfiguration
{
"mcpServers": {
"mcp-server-playwright": {
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"ghcr.io/metorial/mcp-container--automata-labs-team--mcp-server-playwright--mcp-server-playwright",
"node dist/index.js"
],
"env": {}
}
}
}
