BrowserStack

offiziell

Bringen Sie die volle Leistungsfähigkeit der BrowserStack-Testplattform in Ihre KI-Tools, um das Testen für jeden Entwickler und Tester in Ihrem Team schneller und einfacher zu machen.

Was kann man mit BrowserStack MCP machen?

  • Manuelles App-Testing — Bitte deinen Assistenten, eine App auf einem bestimmten echten Gerät zu öffnen, zum Beispiel „Öffne meine App auf einem iPhone 15 Pro Max“, und Abstürze zu debuggen.
  • Manuelles Web-Testing — Teste Websites in Cloud-Browsern und auf Cloud-Geräten, einschließlich Websites, die lokal auf deinem Rechner gehostet werden.
  • Debugging automatisierter Tests — Führe Playwright-, Selenium- oder Jest-Testsuiten auf BrowserStack aus und erhalte eine Ursachenanalyse für Fehler sowie Lösungsvorschläge, die du freigeben kannst.
  • Barrierefreiheitsscans — Scanne eine lokale oder produktive Website auf Barrierefreiheitsprobleme und erhalte Lösungsvorschläge.
  • Testmanagement — Erstelle Projekte, Ordner und Testfälle, erstelle anschließend Testläufe und aktualisiere Ergebnisse in natürlicher Sprache.
  • Lasttests — Finde, starte und stoppe Lasttests, vergleiche sie, lies Berichte und KI-Erkenntnisse und prüfe die verbleibenden VU-Stunden.

Dokumentation

BrowserStack MCP Server

BrowserStack Logo MCP Server Logo

Umfassende Testplattform

Verwalten Sie Testfälle, führen Sie manuelle oder automatisierte Tests aus, debuggen Sie Probleme und beheben Sie sogar Code – direkt in Tools wie Cursor, Claude oder jedem MCP-fähigen Client, in natürlicher Sprache.

Von überall aus testen:

Verbinden Sie die BrowserStack Test Platform ganz einfach mit Ihren bevorzugten KI-Tools, etwa IDEs, LLMs oder agentischen Workflows.

Mit natürlicher Sprache testen:

Verwalten, starten und debuggen Sie Tests und beheben Sie sogar Code mithilfe von Prompts in natürlicher Sprache.

Weniger Kontextwechsel:

Bleiben Sie im Arbeitsfluss – behalten Sie den gesamten Projektkontext an einem Ort und lösen Sie Aktionen direkt in Ihrer IDE oder Ihrem LLM aus.

⚡️ MCP mit einem Klick einrichten

Klicken Sie auf die Schaltflächen unten, um MCP in Ihrer jeweiligen IDE oder Ihrem Assistenten zu installieren:

Install in VS Code  Add to Copilot  Add to Cursor  Add to Claude  Add to ChatGPT

Hinweis: Der gehostete Remote-MCP-Server (mcp.browserstack.com) ist jetzt vollständig zustandslos und verwendet Streamable HTTP – jeder Streamable-HTTP-Client (Claude, Cursor, VS Code, ChatGPT) kann ohne Konfigurationsänderungen eine Verbindung herstellen.

Kiro: Ein Kiro-Power für diesen Server ist unter integrations/kiro-power verfügbar. Öffnen Sie in der Kiro-IDE den Bereich „Powers“ → „Add Custom Power“ → „Import power from GitHub“ und geben Sie https://github.com/browserstack/mcp-server/tree/main/integrations/kiro-power ein. Alternativ können Sie dieses Repository klonen und „Import power from a folder“ mit diesem Verzeichnis verwenden.

Voraussetzungen

Eine Anleitung zur manuellen Einrichtung in einem beliebigen MCP-Client finden Sie unter MCP-Server lokal installieren oder Remote-MCP-Server einrichten.

Hinweis: Stellen Sie sicher, dass Sie Node-Version >= 22 verwenden

  • Prüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)
  • So aktualisieren Sie Node:
    1. Unter macOS (Homebrew) - brew update && brew upgrade node or if using (nvm) - nvm install 22.15.0 && nvm use 22.15.0 && nvm alias default 22.15.0
    1. Unter Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
  • 👉 Oder laden Sie direkt das Node.js-LTS-Installationsprogramm herunter

🪄 Agentengestützte Einrichtung

Die meisten KI-Agenten können den BrowserStack-MCP-Server hinzufügen, eine Verbindung herstellen und Sie ohne manuelle Konfiguration durch die Anmeldung führen. Fügen Sie diesen Prompt in Ihren Agenten ein:

Add the BrowserStack MCP server to this agent, following the setup guide at
https://www.browserstack.com/docs/browserstack-mcp-server/get-started/remote-mcp-server
and using the server URL https://mcp.browserstack.com/mcp. Once it is added, start the
BrowserStack sign-in flow so I can log in.

Um den Server selbst hinzuzufügen, verwenden Sie den entsprechenden Befehl oder das Menü Ihres Clients:

ClientBefehl oder Konfiguration
Claude Codeclaude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcp, führen Sie dann /mcp in einer Sitzung aus und melden Sie sich an
Claude Desktop / claude.aiEinstellungen → Connectors → Add custom connector, mit der URL https://mcp.browserstack.com/mcp
ChatGPTInstallieren Sie das BrowserStack-Plugin
Codexcodex mcp add browserstack --url https://mcp.browserstack.com/mcp, dann codex mcp login browserstack zur Anmeldung
VS Code / GitHub Copilotcode --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}', starten Sie dann den Server in der MCP-Ansicht und melden Sie sich an
CursorFügen Sie "browserstack": { "url": "https://mcp.browserstack.com/mcp" } unter mcpServers in ~/.cursor/mcp.json hinzu und melden Sie sich anschließend über Cursor-Einstellungen → MCP an
Jeder andere MCP-ClientRichten Sie ihn auf https://mcp.browserstack.com/mcp

💡 Anwendungsbeispiele

📱 Manuelles Testen von Apps

Testen Sie mobile Apps auf echten Geräten mit den neuesten Betriebssystemversionen. Reproduzieren Sie Fehler und debuggen Sie Abstürze ohne aufwendige Einrichtung. Nachfolgend finden Sie Beispiel-Prompts, mit denen Sie Ihre mobilen Apps in der umfangreichen Cloud echter Geräte von BrowserStack testen können.

# Open app on specific device
"open my app on a iPhone 15 Pro Max"

# Debug app crashes
"My app crashed on Android 14 device, can you help me debug?"
  • Testen Sie die Leistung Ihrer App unter realen Bedingungen auf echten Geräten statt auf Emulatoren. Mit den erweiterten App-Profiling-Funktionen können Sie Abstürze und Leistungsprobleme in Echtzeit debuggen.
  • Greifen Sie über unser Geräteraster auf alle wichtigen Geräte und Betriebssystemversionen zu. Wir halten strenge SLAs ein, um unsere globalen Rechenzentren am Markteinführungstag mit neu veröffentlichten Geräten auszustatten.

🌐 Manuelles Testen von Websites

Wie beim Testen von Apps können Sie die folgenden Prompts verwenden, um Ihre Websites in der umfangreichen Cloud echter Browser und Geräte von BrowserStack zu testen. Sie haben den Edge-Browser nicht auf Ihrem Rechner installiert? Wir helfen Ihnen weiter!

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"
  • Testen Sie Websites in verschiedenen Browsern und auf unterschiedlichen Geräten. Wir unterstützen alle wichtigen Browser auf allen gängigen Betriebssystemen.
  • Testen Sie nahtlos Websites, die lokal auf Ihrem Rechner gehostet werden – eine Bereitstellung auf einem Remote-Server ist nicht erforderlich!

🧪 Automatisiertes Testen (Playwright, Selenium, A11y und mehr)

Analysieren, diagnostizieren und beheben Sie fehlerhafte Testskripte automatisch direkt in Ihrer IDE oder Ihrem LLM. Rufen Sie sofort Protokolle ab, ermitteln Sie die Ursachen und wenden Sie kontextbezogene Korrekturen an. Schluss mit endlosen Debugging-Schleifen. Nachfolgend finden Sie einige Beispiel-Prompts zum Ausführen, Debuggen und Beheben Ihrer automatisierten Tests auf der Testplattform von BrowserStack.

Hinweis: Wenn Sie für einen Test eine Ursachenanalyse (RCA) abrufen, gibt der Server die vorgeschlagene Korrektur lediglich als Vorschlag zurück. Codeänderungen werden niemals automatisch angewendet – Ihr Assistent muss den Vorschlag anzeigen und Ihre ausdrückliche Zustimmung abwarten, bevor Dateien bearbeitet werden.

#Port test suite to BrowserStack
"Setup test suite to run on BrowserStack infra"

#Run tests on BrowserStack
“Run my tests on BrowserStack”

#AI powered debugging of test failures
"My App Automate tests have failed, can you help me fix the new failures?"

  • Beheben Sie von Ihrer CI/CD-Pipeline gemeldete Testfehler mithilfe unserer branchenführenden Funktionen für Test Observability. Weitere Informationen finden Sie hier.
  • Führen Sie mit Jest, Playwright, Selenium und weiteren Tools geschriebene Tests auf der Testplattform von BrowserStack aus.

🌐 Barrierefreiheit

Erkennen Sie Barrierefreiheitsprobleme frühzeitig mit automatisierten lokalen A11y-Scans. Erhalten Sie KI-gestützte Korrekturvorschläge mit nur einem Klick. Kein langes Suchen in der Dokumentation, keine Überraschungen in der CI. Stellen Sie mit unserem Tool für Barrierefreiheitstests die WCAG- und ADA-Konformität sicher.

#Scan accessibility issues while development
"Scan & help fix accessibility issues for my website running locally on localhost:3000"

#Scan accessibility issues on production site
“Run accessibility scan & identify issues on my website - www.bstackdemo.com”

📋 Testmanagement

Erstellen und verwalten Sie Testfälle, erstellen Sie Testpläne und starten Sie Testläufe in natürlicher Sprache. Nachfolgend finden Sie einige Beispiel-Prompts, mit denen Sie die Funktionen des Testmanagements von BrowserStack mit dem MCP-Server nutzen können.

# Create project & folder structure
"create new Test management project named My Demo Project with two sub folders - Login & Checkout"

# Add test cases
"add invalid login test case in Test Management project named My Demo Project"

# List added test cases 
"list high priority Login test cases from Test Management project - My Demo Project"

# Create test run
"create a test run for Login tests from Test Management project - My Demo Project"

# Update test results
"update test results as passed for Login tests test run from My Demo Project"

⚡ Lasttests

Führen und analysieren Sie Lasttests in großem Umfang, ohne Ihre IDE oder Ihren Chat zu verlassen – suchen Sie Tests, starten und stoppen Sie Testläufe, lesen Sie Berichte und KI-Insights, vergleichen Sie Testläufe und prüfen Sie Ihre VU-Stunden. Unterstützt API- (JMeter, k6, Gatling, Locust), Browser- (Playwright, Selenium, WebdriverIO, Nightwatch) und hybride Lasttests auf der Load-Testing-Plattform von BrowserStack. Diese werden über die Kernwerkzeuge ausgeführt.

# Find a test
"find my load test called checkout-api"

# Run it
"run checkout-api for 5 minutes with 100 virtual users"

# Check on it
"is my checkout-api run finished yet?"

# Read the results
"what was the p95 response time and error rate of the last checkout-api run?"

# Compare two runs of the same test
"did the latest checkout-api run regress compared with the previous one?"

# Check quota before a big run
"how many VU-hours do I have left, and what would a 30-minute run with 500 VUs cost?"

🧪 Zugriff auf BrowserStack-KI-Agenten

Generieren Sie Testfälle aus PRDs, wandeln Sie manuelle Tests in Low-Code-Automatisierung um und lassen Sie fehleranfällige Skripte automatisch reparieren – unterstützt durch die KI-Agenten von BrowserStack und nahtlos in Ihren Workflow integriert. Nachfolgend finden Sie einige Beispiel-Prompts für den Zugriff auf die KI-Agenten von BrowserStack.

#Test case generator agent
"With Browserstack AI, create relevant test cases for my PRD located at /usr/file/location"


#Low code authoring agent
“With Browserstack AI, automate my manual test case X, added in Test Management”


#Self healing agent
“Help fix flaky tests in my test script with Browserstack AI self healing”

🧭 Kernwerkzeuge

Mit fünf Kernwerkzeugen kann Ihr KI-Assistent jeden BrowserStack-Workflow finden und ausführen. Zu Beginn jeder Sitzung lädt Ihr Assistent alle Tools, die ein MCP-Server bereitstellt. Ein Tool pro Workflow würde daher das Kontextfenster füllen und die gesamte Sitzung verlangsamen. Stattdessen verwendet Ihr Assistent die Kernwerkzeuge, um einen Katalog von BrowserStack-Tools in natürlicher Sprache zu durchsuchen und das benötigte Tool auszuführen.

ToolBeschreibung
listProductsListet die BrowserStack-Produkte im Katalog mit einer kurzen Zusammenfassung der Funktionen jedes Produkts auf
describeEntityErläutert eine Entität: ihre Aliase, das ID-Format, übergeordnete und verwandte Entitäten sowie die darauf anwendbaren Funktionen
searchCapabilityFindet Funktionen, die zu einer Anfrage in natürlicher Sprache passen, einschließlich aller Informationen, die Ihr Assistent zur Ausführung benötigt
describeCapabilityGibt alle Details zu einer Funktion zurück, etwa Parameter, Anfragetext und Antwortformat
invokeCapabilityFührt eine Funktion aus und gibt die Antwort des Produkts unverändert zurück. Änderungen an Daten erfordern Ihre Zustimmung

Unter Kernwerkzeuge finden Sie Informationen zu Parametern und zur Genehmigung von Datenänderungen.

Alle Tools – Eine nach Produkten geordnete Übersicht aller Tools finden Sie unter docs/TOOLS.md oder unter BrowserStack-MCP-Tools und -Workflows für Produkt-Workflows.

Datei- und App-Uploads: Für Tools, die eine lokale Datei/App hochladen (uploadProductRequirementFile, takeAppScreenshot, runAppTestsOnBrowserStack, runAppLiveSession), muss die Umgebungsvariable MCP_UPLOAD_BASE_DIR auf ein Verzeichnis mit diesen Dateien verweisen. Uploads sind auf dieses Verzeichnis beschränkt.

🚀 Remote-MCP-Server

Remote MCP bietet alle Funktionen eines MCP-Servers, ohne den Aufwand einer komplexen Einrichtung oder lokalen Installation.

Wichtigste Vorteile:

  • ✅ Funktioniert nahtlos in Unternehmensnetzwerken – ohne sich Gedanken über Firewalls oder Binärdateien machen zu müssen und auch dort, wo eine lokale Installation nicht zulässig ist.

  • ✅ Sichere OAuth-Integration – keine Weitergabe von Passwörtern oder manuelle Verwaltung von Anmeldedaten.

Einschränkungen:

  • ❌ Keine Unterstützung für lokale Tests (Apps hinter VPNs, Firewalls oder auf localhost können nicht getestet werden). Wenn Sie lokale Tests durchführen müssen, benötigen Sie einen lokalen BrowserStack-MCP-Server.
  • ❌ Die Latenz kann etwas höher sein, ist aber nicht wesentlich – bei normaler Nutzung werden Sie den Unterschied in der Regel nicht bemerken.

⚠️ Wichtige Hinweise

  • Der BrowserStack MCP Server wird aktiv weiterentwickelt und unterstützt derzeit nur einen Teil der MCP-Spezifikation. Weitere Funktionen folgen in Kürze.
  • Tool-Aufrufe basieren auf dem MCP-Client, der wiederum ein LLM verwendet. Daher kann es zu nicht deterministischem Verhalten und unerwarteten Ergebnissen kommen. Wenn Sie Vorschläge oder Feedback haben, eröffnen Sie bitte ein Issue, um darüber zu sprechen.

📝 Mitwirken

Beiträge sind willkommen! Bitte eröffnen Sie ein Issue, um gewünschte Änderungen zu besprechen. 👉 Klicken Sie hier, um unsere Richtlinien für Beiträge anzusehen

📞 Support

Wenn Sie Unterstützung benötigen:

🚀 Weitere Funktionen folgen in Kürze

Freuen Sie sich auf spannende Updates! Haben Sie Vorschläge? Eröffnen Sie bitte ein Issue, um darüber zu sprechen.