BrowserStack
offiziellBringen 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
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:
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-powerverfügbar. Öffnen Sie in der Kiro-IDE den Bereich „Powers“ → „Add Custom Power“ → „Import power from GitHub“ und geben Siehttps://github.com/browserstack/mcp-server/tree/main/integrations/kiro-powerein. Alternativ können Sie dieses Repository klonen und „Import power from a folder“ mit diesem Verzeichnis verwenden.
Voraussetzungen
- Ein BrowserStack-Konto. Registrieren Sie sich, falls Sie noch keines haben; Open-Source-Projekte können einen kostenlosen Tarif erhalten.
- Ihr
usernameundaccess_keyaus den Kontoeinstellungen.
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:
-
- 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
- Unter macOS
-
- Unter Windows
(nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
- Unter Windows
- 👉 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:
| Client | Befehl oder Konfiguration |
|---|---|
| Claude Code | claude 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.ai | Einstellungen → Connectors → Add custom connector, mit der URL https://mcp.browserstack.com/mcp |
| ChatGPT | Installieren Sie das BrowserStack-Plugin |
| Codex | codex mcp add browserstack --url https://mcp.browserstack.com/mcp, dann codex mcp login browserstack zur Anmeldung |
| VS Code / GitHub Copilot | code --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 |
| Cursor | Fü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-Client | Richten 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.
| Tool | Beschreibung |
|---|---|
listProducts | Listet die BrowserStack-Produkte im Katalog mit einer kurzen Zusammenfassung der Funktionen jedes Produkts auf |
describeEntity | Erläutert eine Entität: ihre Aliase, das ID-Format, übergeordnete und verwandte Entitäten sowie die darauf anwendbaren Funktionen |
searchCapability | Findet Funktionen, die zu einer Anfrage in natürlicher Sprache passen, einschließlich aller Informationen, die Ihr Assistent zur Ausführung benötigt |
describeCapability | Gibt alle Details zu einer Funktion zurück, etwa Parameter, Anfragetext und Antwortformat |
invokeCapability | Fü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 UmgebungsvariableMCP_UPLOAD_BASE_DIRauf 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:
- Eröffnen Sie ein Issue in unserem GitHub-Repository, falls Sie Probleme mit dem MCP-Server haben.
- Wenden Sie sich bei anderen Fragen an unser Supportteam.
- Schreiben Sie eine E-Mail an support@browserstack.com.
- Datenschutzerklärung: browserstack.com/privacy.
🚀 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.