BrowserStack

BrowserStack MCP-Server

Umfassende Testplattform

Verwalten Sie Testfälle, führen Sie manuelle oder automatisierte Tests durch, debuggen Sie Probleme und korrigieren Sie sogar Code – direkt in Tools wie Cursor, Claude oder jedem MCP-fähigen Client, in einfachem Englisch.

Testen von überall:

Verbinden Sie die BrowserStack Testplattform einfach mit Ihren bevorzugten KI-Tools, wie IDEs, LLMs oder agentenbasierten Workflows.

Testen mit natürlicher Sprache:

Verwalten, führen und debuggen Sie Tests und korrigieren Sie sogar Code mit einfachen englischen Prompts.

Reduzierter Kontextwechsel:

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

⚡️ Ein-Klick-MCP-Einrichtung

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

   

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

• Überprüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)
• Zum Aktualisieren von 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
• 2. Unter Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
• 👉 Oder laden Sie direkt den Node.js LTS-Installer herunter

.

💡 Anwendungsbeispiele

📱 Manuelles App-Testen

Testen Sie mobile Apps auf echten Geräten mit den neuesten Betriebssystemversionen. Reproduzieren Sie Fehler und debuggen Sie Abstürze ohne Einrichtungsaufwand. Nachfolgend einige Beispiel-Prompts, um Ihre mobilen Apps in der umfangreichen Cloud von BrowserStack mit echten Geräten zu nutzen.

# 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 im Gegensatz zu Emulatoren die reale Leistung Ihrer App auf tatsächlichen Geräten. Mit erweiterten App-Profiling-Funktionen können Sie Abstürze und Leistungsprobleme in Echtzeit debuggen.
• Greifen Sie auf alle wichtigen Geräte und Betriebssystemversionen aus unserem Geräte-Raster zu. Wir haben strenge SLAs, um unsere globalen Rechenzentren am Tag der Markteinführung mit neu veröffentlichten Geräten auszustatten.

🌐 Manuelles Web-Testen

Ähnlich wie beim App-Testen können Sie die folgenden Prompts verwenden, um Ihre Websites in der umfangreichen Cloud von BrowserStack mit echten Browsern und Geräten zu testen. Sie haben den Edge-Browser nicht auf Ihrem Rechner installiert? Wir helfen Ihnen!

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"

• Testen Sie Websites über verschiedene Browser und Geräte hinweg. Wir unterstützen jeden gängigen Browser auf jedem gängigen Betriebssystem.
• Testen Sie nahtlos lokal auf Ihrem Rechner gehostete Websites, ohne sie auf einem entfernten Server bereitstellen zu müssen!

🧪 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, identifizieren Sie die Ursachen und wenden Sie kontextbezogene Korrekturen an. Keine Debugging-Schleifen mehr. Nachfolgend einige Beispiel-Prompts zum Ausführen/Debuggen/Beheben Ihrer automatisierten Tests auf der Testplattform von BrowserStack.

Hinweis: Beim Abrufen der Ursachenanalyse (Root Cause Analysis, RCA) für einen Test gibt der Server die vorgeschlagene Korrektur nur als Vorschlag zurück. Er wendet niemals automatisch Codeänderungen an – Ihr Assistent muss den Vorschlag präsentieren und Ihre ausdrückliche Zustimmung abwarten, bevor er Dateien bearbeitet.

#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, indem Sie unsere branchenführenden Test-Observability-Funktionen nutzen. Weitere Informationen finden Sie hier.
• Führen Sie Tests, die in Jest, Playwright, Selenium und mehr geschrieben sind, auf der Testplattform von BrowserStack aus.

🌐 Barrierefreiheit

Erkennen Sie Barrierefreiheitsprobleme frühzeitig mit automatisierten, lokalen A11y-Scans. Erhalten Sie KI-gestützte Korrekturvorschläge per Mausklick. Kein Suchen in der Dokumentation, keine CI-Überraschungen. Stellen Sie die Einhaltung von WCAG und ADA mit unserem Barrierefreiheitstest-Tool 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 lösen Sie Testläufe mit natürlicher Sprache aus. Nachfolgend einige Beispiel-Prompts, um die Funktionen des Testmanagements von BrowserStack mit dem MCP-Server zu nutzen.

# 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"

🧪 Zugriff auf BrowserStack KI-Agenten

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

#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”

🛠️ Installation

📋 Voraussetzungen für die MCP-Einrichtung

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

• Überprüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)

Ein-Klick-MCP-Einrichtung

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

   

Alternative Wege zur Einrichtung des MCP-Servers

1. Erstellen Sie ein BrowserStack-Konto

   • Registrieren Sie sich bei BrowserStack, falls Sie noch kein Konto haben.

   • ℹ️ Wenn Sie ein Open-Source-Projekt haben, können wir Ihnen einen kostenlosen Plan anbieten.

   • Sobald Sie ein Konto haben (und einen entsprechenden Plan erworben haben), notieren Sie sich Ihren username und access_key aus den Kontoeinstellungen.

2. Hinweis: Stellen Sie sicher, dass Sie Node Version >= 18.0 verwenden

   • Überprüfen Sie Ihre Node-Version mit node --version. Empfohlene Version: v22.15.0 (LTS)

3. Installieren Sie den MCP-Server

   • VSCode (Copilot - Agentenmodus): .vscode/mcp.json:

     • Suchen oder erstellen Sie die Konfigurationsdatei: Suchen Sie im Stammverzeichnis Ihres Projekts nach einem Ordner namens .vscode. Dieser Ordner ist normalerweise ausgeblendet, daher müssen Sie ihn wie in der Erweiterung beschrieben finden.

     • Falls dieser Ordner nicht existiert, erstellen Sie ihn.

     • Erstellen Sie im .vscode-Ordner eine neue Datei mit dem Namen mcp.json.

     • Fügen Sie die Konfiguration hinzu: Öffnen Sie die Datei mcp.json und fügen Sie dann den folgenden JSON-Inhalt hinzu.

     • Ersetzen Sie den Benutzernamen und <access_key> durch Ihre BrowserStack-Anmeldeinformationen.

   {
     "servers": {
       "browserstack": {
         "command": "npx",
         "args": ["-y", "@browserstack/mcp-server@latest"],
         "env": {
           "BROWSERSTACK_USERNAME": "<username>",
           "BROWSERSTACK_ACCESS_KEY": "<access_key>"
         }
       }
     }
   }
   

   • Stellen Sie in VSCode sicher, dass Sie auf die Schaltfläche Start im MCP-Server klicken, um den Server zu starten.

   ** Alternative Möglichkeit zur Einrichtung von MCP in VSCode Copilot

   1. Klicken Sie auf das Zahnradsymbol, um Tools auszuwählen.
   
   2. Ein Tool-Menü erscheint oben in der Mitte. Scrollen Sie im oberen Menü nach unten und klicken Sie dann auf MCP-Server hinzufügen.
   
   3. Wählen Sie die Option NPM-Paket (Von einem NPM-Paket installieren) – 3. in der Liste.
   
   4. Geben Sie den NPM-Paketnamen ein (@browserstack/mcp-server)
   
   5. Geben Sie den BrowserStack-Benutzernamen und den Zugriffsschlüssel ein.
   • Für Cursor: .cursor/mcp.json:

   {
     "mcpServers": {
       "browserstack": {
         "command": "npx",
         "args": ["-y", "@browserstack/mcp-server@latest"],
         "env": {
           "BROWSERSTACK_USERNAME": "<username>",
           "BROWSERSTACK_ACCESS_KEY": "<access_key>"
         }
       }
     }
   }
   

   • Claude Desktop: ~/claude_desktop_config.json:

   {
     "mcpServers": {
       "browserstack": {
         "command": "npx",
         "args": ["-y", "@browserstack/mcp-server@latest"],
         "env": {
           "BROWSERSTACK_USERNAME": "<username>",
           "BROWSERSTACK_ACCESS_KEY": "<access_key>"
         }
       }
     }
   }
   

   • Cline

Klicken Sie auf das Symbol „MCP-Server“ in der Navigationsleiste. Wählen Sie den Tab „Installiert“. Klicken Sie unten im Bereich auf die Schaltfläche „MCP-Server konfigurieren“.

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<username>",
        "BROWSERSTACK_ACCESS_KEY": "<access_key>"
      }
    }
  }
}

💡 Liste der BrowserStack MCP-Tools

Derzeit unterstützen wir 44 Tools.

Remote-MCP-Hinweis: Als (nicht verfügbar in Remote MCP) gekennzeichnete Tools sind auf den lokalen Datei-/Prozessstatus angewiesen und im mandantenfähigen Remote-MCP-Server deaktiviert. Sie sind im lokalen (npx) Setup verfügbar.

---

🧾 Testmanagement

1. createProjectOrFolder — Erstellen Sie ein Testmanagement-Projekt und/oder Ordner zum Organisieren von Testfällen. Gibt Ordner-ID, Projekt-ID und Testmanagement-Link für den Zugriff auf das TM-Projekt-Dashboard zurück. Prompt-Beispiel

Create a new Test Management project named 'Shopping App' with two folders - Login and Checkout

2. createTestCase — Fügen Sie einen manuellen Testfall unter einem bestimmten Projekt/Ordner hinzu (verwendet eine Projektkennung wie PR-xxxxx und eine Ordner-ID). Prompt-Beispiel

Add a test case named 'Invalid Login Scenario' to the Login folder in the 'Shopping App' project with PR-53617, Folder ID: 117869

3. updateTestCase — Aktualisieren Sie einen bestehenden Testfall. Jede Teilmenge von Feldern kann geändert werden (Name, Priorität, Status, Schritte, Tags usw.); nur angegebene Felder werden geändert. Prompt-Beispiel

Update test case TC-482 in the 'Shopping App' project and set its priority to high

4. listTestCases — Listen Sie Testfälle für ein Projekt auf, optional begrenzt auf einen Ordner (unterstützt Filter wie case_type, Priorität und Paginierung). Prompt-Beispiel

List all high-priority test cases in the 'Shopping App' project with project_identifier: PR-59457

5. listFolders — Listen Sie Ordner in einem Testmanagement-Projekt auf (gibt ID, Name, Fallanzahl und Unterordneranzahl jedes Ordners zurück). Übergeben Sie eine parent_id, um Unterordner aufzulisten. Prompt-Beispiel

List all folders in the 'Shopping App' project with project_identifier: PR-59457

6. listTestCaseTemplates — Listen Sie Testfallvorlagen mit ihrer numerischen template_id zur Verwendung mit createTestCase auf, um eine benutzerdefinierte Vorlage anzuwenden. Prompt-Beispiel

List the available test case templates in the 'Shopping App' project

7. createTestRun — Erstellen Sie einen Testlauf (Suite) für ausgewählte Testfälle in einem Projekt. Prompt-Beispiel

Create a test run for the Login folder in the 'Shopping App' project and name it 'Release v1.0 Login Flow'

8. listTestRuns — Listen Sie Testläufe für ein Projekt auf (Filter nach Daten, Bearbeiter, Status). Prompt-Beispiel

List all test runs from the 'Shopping App' project that were executed last week and are currently marked in-progress

9. updateTestRun — Aktualisieren Sie den Namen/Status eines Testlaufs und/oder fügen Sie ihm Testfälle hinzu. Prompt-Beispiel

Update test run ID 1043 in the 'Shopping App' project and mark it as complete with the note 'Regression cycle done'

10. addTestResult — Fügen Sie ein manuelles Ausführungsergebnis (bestanden/fehlgeschlagen/blockiert/übersprungen) für einen Testfall innerhalb eines Laufs hinzu. Prompt-Beispiel

Mark the test case 'Invalid Login Scenario' as passed in test run ID 1043 of the 'Shopping App' project

11. createTestCasesFromFile — Generieren Sie Testfälle in großen Mengen aus einer hochgeladenen Datei mit dem Testfall-Generator-KI-Agenten. (nicht verfügbar in Remote MCP) Prompt-Beispiel

Upload test cases from '/Users/xyz/testcases.pdf' to the 'Shopping App' project in Test Management

12. listTestPlans — Listen Sie Testpläne (TP-*) in einem Projekt mit Name, Status, Daten und Anzahl aktiver/geschlossener Läufe auf. Unterstützt Paginierung. Prompt-Beispiel

List all test plans in the 'Shopping App' project with project_identifier: PR-59457

13. getTestPlan — Rufen Sie einen Testplan anhand der Kennung (TP-*) mit seinen Metadaten, verknüpften Testläufen, der Gesamtzahl der Testfälle und der Statuszusammenfassung ab. Prompt-Beispiel

Get the details of test plan TP-120 in the 'Shopping App' project

14. listSubTestPlans — Listen Sie Untertestpläne (STP-) unter einem übergeordneten Testplan (TP-) auf. Unterstützt Paginierung. Prompt-Beispiel

List sub-test-plans under test plan TP-120 in the 'Shopping App' project

15. getSubTestPlan — Rufen Sie einen Untertestplan (STP-*) unter einem übergeordneten Plan mit seinen Metadaten und verknüpften Testläufen ab. Prompt-Beispiel

Get sub-test-plan STP-45 under test plan TP-120 in the 'Shopping App' project

---

⚙️ BrowserStack SDK Einrichtung / Test automatisieren

16. setupBrowserStackAutomateTests — Integrieren Sie das BrowserStack SDK und führen Sie Webtests auf BrowserStack aus. Verwenden Sie für visuelle Tests/Percy die dedizierten Percy-Tools. Prompt-Beispiel

Run my Selenium-JUnit5 tests written in Java on Chrome and Firefox.

17. fetchAutomationScreenshots — Rufen Sie Screenshots ab, die während einer bestimmten Automate-/App Automate-Sitzung aufgenommen wurden. Prompt-Beispiel

Get screenshots from Automate session ID abc123xyz for my desktop test run

---

🔍 Observability

18. getFailureLogs — Rufen Sie Fehlerprotokolle für Automate-/App Automate-Sitzungen ab (optional nach Build-ID für App Automate). Prompt-Beispiel

Get the error logs from the session ID: 21a864032a7459f1e7634222249b316759d6827f, Build ID: dt7ung4wmjittzff8kksrjadjax9gzvbscoyf9qn of App Automate test session

19. fetchBuildInsights — Rufen Sie Einblicke in einen BrowserStack-Build ab, indem Sie Build-Details und Quality-Gate-Ergebnisse kombinieren. Prompt-Beispiel

Get the build insights for build UUID <your-build-uuid> on BrowserStack

---

📱 App Live

20. runAppLiveSession — Starten Sie eine manuelle App-Testsitzung auf einem echten Gerät in der Cloud. Prompt-Beispiel

Open my app on iPhone 15 Pro Max with iOS 17. App path is /Users/xyz/app.ipa

---

💻 Live

21. runBrowserLiveSession — Starten Sie eine Live-Sitzung zum Testen von Websites auf Desktop- oder mobilen Browsern. Prompt-Beispiel

Open www.google.com on the latest version of Microsoft Edge on Windows 11

---

📲 App Automate

22. takeAppScreenshot — Starten Sie die App auf einem bestimmten Gerät und erstellen Sie einen schnellen Verifikations-Screenshot, um zu bestätigen, dass Ihre App gestartet wurde. Prompt-Beispiel

Take a screenshot of my app on Google Pixel 6 with Android 12 while testing on App Automate. App file path: /Users/xyz/app-debug.apk

23. runAppTestsOnBrowserStack — Führen Sie vorgefertigte native mobile Test-Suites (Espresso/XCUITest) durch direktes Hochladen kompilierter .apk/.ipa-Testdateien aus. Prompt-Beispiel

Run Espresso tests from /tests/checkout.zip on Galaxy S21 and Pixel 6 with Android 12. App path is /apps/beta-release.apk under project 'Checkout Flow'

24. setupBrowserStackAppAutomateTests — Richten Sie die BrowserStack App Automate SDK-Integration für Appium-basierte mobile App-Tests ein. Prompt-Beispiel

Set up my Appium test suite to run on BrowserStack App Automate

---

♿ Barrierefreiheit

25. accessibilityExpert — Fragen Sie den A11y-Experten (WCAG 2.0/2.1/2.2, mobile/Web-Usability, Best Practices). Prompt-Beispiel

What WCAG guidelines apply to form field error messages on mobile web?

26. startAccessibilityScan — Starten Sie einen Web-Barrierefreiheitsscan und rufen Sie einen lokalen CSV-Berichtspfad ab. Prompt-Beispiel

Run accessibility scan for "www.example.com"

27. createAccessibilityAuthConfig — Erstellen Sie eine Authentifizierungskonfiguration (formularbasiert oder Basic) für Barrierefreiheitsscans hinter einem Login. Prompt-Beispiel

Create a basic-auth accessibility config named 'site-login' for https://www.example.com with username testuser and password <password>

28. getAccessibilityAuthConfig — Rufen Sie eine bestehende Barrierefreiheits-Authentifizierungskonfiguration anhand der ID ab. Prompt-Beispiel

Get accessibility auth config with ID <config-id>

29. fetchAccessibilityIssues — Rufen Sie Barrierefreiheitsprobleme aus einem abgeschlossenen Scan ab, mit Paginierungsunterstützung. Prompt-Beispiel

Fetch the accessibility issues for scan ID <scan-id> and scan run ID <scan-run-id>

---

🎨 Percy Visuelles Testen

30. percyVisualTestIntegrationAgent — Integrieren Sie visuelles Testen mit Percy in ein neues Projekt und demonstrieren Sie die Erkennung visueller Änderungen mit einer schrittweisen Simulation. Prompt-Beispiel

Integrate Percy for this project

31. expandPercyVisualTesting — Richten Sie die visuelle Testabdeckung mit Percy für bestehende Projekte ein oder erweitern Sie sie (Percy Web Standalone und Percy Automate). Prompt-Beispiel

Expand Percy coverage for this project

32. addPercySnapshotCommands — Fügen Sie Percy-Snapshot-Befehle zu den angegebenen Testdateien hinzu. (nicht verfügbar in Remote MCP) Prompt-Beispiel

Add Percy snapshot commands to my Cypress test files

33. listTestFiles — Listen Sie alle Testdateien für einen gegebenen Satz von Verzeichnissen auf. (nicht verfügbar in Remote MCP) Prompt-Beispiel

List the test files under my ./tests directory

34. runPercyScan — Führen Sie einen visuellen Percy-Testscan aus. (nicht verfügbar in Remote MCP) Prompt-Beispiel

Run this Percy build

35. fetchPercyChanges — Rufen Sie die von Percy AI erkannten visuellen Änderungen zwischen dem neuesten und dem vorherigen Build ab und fassen Sie sie zusammen. Prompt-Beispiel

Summarize the visual changes Percy detected in my latest build

36. managePercyBuildApproval — Genehmigen oder lehnen Sie einen Percy-Build ab. Prompt-Beispiel

Approve the latest Percy build

---

🤖 BrowserStack KI-Agenten

37. uploadProductRequirementFile — Laden Sie ein PRD/Screenshot/PDF hoch und erhalten Sie eine Dateizuordnungs-ID (verwendet mit createTestCasesFromFile). (nicht verfügbar in Remote MCP) Prompt-Beispiel

Upload PRD from /Users/xyz/Desktop/login-flow.pdf and use BrowserStack AI to generate test cases

38. createLCASteps — Generieren Sie Low-Code-Automatisierungsschritte (LCA) aus einem manuellen Testfall im Testmanagement. Prompt-Beispiel

Convert the manual test case 'Add to Cart' in the 'Shopping App' project into LCA steps

39. fetchSelfHealedSelectors — Rufen Sie KI-selbstheilende Selektoren (plus Testquelle) ab, um instabile Tests zu beheben, die durch DOM-Änderungen verursacht wurden. Prompt-Beispiel

Fetch and fix flaky test selectors in Automate session ID session_9482 using MCP

40. prepareSelfHealingPlan — Erstellen Sie einen selbstheilenden Bearbeitungsplan, der Locator-Paare mit Testquellen bündelt, damit Ihr LLM sie anwenden kann. Ändert Dateien NICHT selbst. Prompt-Beispiel

Prepare a self-healing plan from the self-healed selectors for my build

41. fetchRCA — Rufen Sie die KI-Ursachenanalyse für Ihre fehlgeschlagenen Automate/App-Automate-Tests ab (anhand der numerischen Test-ID). Schlägt nur Korrekturen vor; wendet sie nie automatisch an. Prompt-Beispiel

Fetch the root cause analysis for failed test IDs 101 and 102 on BrowserStack

42. getBuildId — Rufen Sie die BrowserStack-Build-ID für ein bestimmtes Projekt und einen Build-Namen ab, beschränkt auf Ihre Builds. Prompt-Beispiel

Get the build ID for build 'nightly-regression' in project 'Checkout Flow'

43. listBuildId — Rufen Sie die neueste Build-ID für ein Projekt und einen Build-Namen ab, über alle Benutzer hinweg (kein Benutzerfilter). Prompt-Beispiel

Get the latest build ID for build 'nightly-regression' in project 'Checkout Flow'

44. listTestIds — Listen Sie Test-IDs aus einem BrowserStack Automate-Build auf, gefiltert nach Status (bestanden/fehlgeschlagen/ausstehend/übersprungen). Prompt-Beispiel

List the failed test IDs from build UUID <your-build-uuid> on BrowserStack

🚀 Remote MCP Server

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

Hauptvorteile:

• ✅ Funktioniert nahtlos in Unternehmensnetzwerken, ohne sich um Firewalls oder Binärdateien sorgen zu müssen oder wenn lokale Installationen nicht erlaubt sind.

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

Einschränkungen:

• ❌ Keine Unterstützung für lokales Testen (kann keine Apps hinter VPNs, Firewalls oder localhost testen). Wenn Sie lokales Testen durchführen müssen, müssen Sie einen lokalen BrowserStack MCP-Server verwenden.
• ❌ Die Latenz kann etwas höher sein, ist aber nicht erheblich – Sie werden es bei normaler Nutzung in der Regel nicht bemerken.

Installationsschritte:

• Unter VSCode (Copilot - Agentenmodus): .vscode/mcp.json:

  • Suchen oder erstellen Sie die Konfigurationsdatei:

  • Suchen Sie im Stammverzeichnis Ihres Projekts nach einem Ordner namens .vscode. Dieser Ordner ist normalerweise ausgeblendet, daher müssen Sie ihn wie in der Erweiterung beschrieben finden.

  • Wenn dieser Ordner nicht existiert, erstellen Sie ihn.

  • Erstellen Sie im .vscode-Ordner eine neue Datei mit dem Namen mcp.json.

  • Um Remote BrowserStack MCP anstelle von lokalem BrowserStack MCP einzurichten, können Sie den folgenden JSON-Inhalt hinzufügen:

    

    Alternative Möglichkeit zur Einrichtung von Remote MCP

  • Schritt 1. Klicken Sie auf das Zahnradsymbol, um Tools auszuwählen.

    

  • Schritt 2. Ein Tool-Menü erscheint oben in der Mitte. Scrollen Sie im oberen Menü nach unten und klicken Sie dann auf MCP-Server hinzufügen.

  

  • Schritt 3. Klicken Sie auf die HTTP-Option.

    

  • Schritt 4. Fügen Sie die Remote MCP Server-URL ein: https://mcp.browserstack.com/mcp

    

  • Schritt 5. Geben Sie als Server-ID ein: browserstack

    

  • Schritt 6. Klicken Sie in VSCode auf MCP-Server starten und dann auf "Zulassen".

    
    
    

🤝 Empfohlene MCP-Clients

• Wir empfehlen die Verwendung von Github Copilot oder Cursor für automatisierte Test- und Debugging-Anwendungsfälle.
• Für manuelle Testanwendungsfälle (Live Testing) empfehlen wir die Verwendung von Claude Desktop.

⚠️ Wichtige Hinweise

• Der BrowserStack MCP-Server befindet sich in aktiver Entwicklung und unterstützt derzeit eine Teilmenge der MCP-Spezifikation. Weitere Funktionen werden in Kürze hinzugefügt.
• Werkzeugaufrufe hängen vom MCP-Client ab, der wiederum auf einem LLM basiert, daher kann es zu nicht-deterministischem Verhalten kommen, das zu unerwarteten Ergebnissen führen kann. Wenn Sie Vorschläge oder Feedback haben, eröffnen Sie bitte ein Issue, um dies zu besprechen.

📝 Mitwirken

Wir freuen uns über Beiträge! Bitte eröffnen Sie ein Issue, um alle Änderungen zu besprechen, die Sie vornehmen möchten. 👉 Klicken Sie hier, um unsere Richtlinien für Mitwirkende anzuzeigen

📞 Support

Für Support wenden Sie sich bitte wie folgt an uns:

• Eröffnen Sie ein Issue in unserem GitHub-Repository, wenn Sie auf Probleme im Zusammenhang mit dem MCP-Server stoßen.
• Kontaktieren Sie unser Support-Team für alle anderen Anfragen.

🚀 Weitere Funktionen folgen in Kürze

Bleiben Sie dran für spannende Updates! Haben Sie Vorschläge? Bitte eröffnen Sie ein Issue, um dies zu besprechen.