BrowserStack

BrowserStack MCP Server

แพลตฟอร์มทดสอบที่ครอบคลุม

จัดการกรณีทดสอบ เรียกใช้การทดสอบด้วยตนเองหรือแบบอัตโนมัติ แก้ไขข้อบกพร่อง และแม้แต่แก้โค้ดได้โดยตรงในเครื่องมืออย่าง Cursor, Claude หรือไคลเอ็นต์ที่รองรับ MCP ด้วยภาษาธรรมดา

ทดสอบได้จากทุกที่:

เชื่อมต่อ BrowserStack Test Platform กับเครื่องมือ AI ที่คุณชื่นชอบได้อย่างง่ายดาย เช่น IDE, LLM หรือเวิร์กโฟลว์แบบเอเจนต์

ทดสอบด้วยภาษาธรรมชาติ:

จัดการ เรียกใช้ และแก้ไขข้อบกพร่องของการทดสอบ รวมถึงแก้โค้ดได้ด้วยพรอมป์ต์ภาษาธรรมดา

ลดการสลับบริบท:

ทำงานได้อย่างต่อเนื่อง—เก็บบริบทของโปรเจกต์ทั้งหมดไว้ในที่เดียว และสั่งให้ดำเนินการได้โดยตรงจาก IDE หรือ LLM ของคุณ

⚡️ ตั้งค่า MCP ได้ในคลิกเดียว

คลิกปุ่มด้านล่างเพื่อติดตั้ง MCP ใน IDE หรือผู้ช่วยที่คุณใช้:

        

หมายเหตุ: ขณะนี้เซิร์ฟเวอร์ Remote MCP ที่โฮสต์ไว้ (mcp.browserstack.com) ทำงานแบบไร้สถานะผ่าน Streamable HTTP อย่างสมบูรณ์แล้ว—ไคลเอ็นต์ Streamable HTTP ใด ๆ (Claude, Cursor, VS Code, ChatGPT) ก็เชื่อมต่อได้โดยไม่ต้องเปลี่ยนการกำหนดค่า

Kiro: มี Kiro power สำหรับเซิร์ฟเวอร์นี้อยู่ใน integrations/kiro-power ใน Kiro IDE ให้เปิดแผง Powers → Add Custom Power → Import power from GitHub แล้วป้อน https://github.com/browserstack/mcp-server/tree/main/integrations/kiro-power หรือโคลน repository นี้แล้วเลือก Import power from a folder โดยระบุไดเรกทอรีนั้น

ข้อกำหนดเบื้องต้น

• บัญชี BrowserStack สมัครใช้งาน หากยังไม่มีบัญชี โปรเจกต์โอเพนซอร์สสามารถรับ แผนฟรี ได้
• username และ access_key ของคุณจาก Account Settings

หากต้องการตั้งค่าด้วยตนเองในไคลเอ็นต์ MCP ใด ๆ โปรดดู ติดตั้งเซิร์ฟเวอร์ MCP ในเครื่อง หรือ ตั้งค่าเซิร์ฟเวอร์ Remote MCP

หมายเหตุ: ตรวจสอบให้แน่ใจว่าคุณใช้ Node เวอร์ชัน >= 22

• ตรวจสอบเวอร์ชัน node ของคุณด้วย node --version เวอร์ชันที่แนะนำ: v22.15.0 (LTS)
• วิธีอัปเกรด Node:
• 1. บน 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. บน Windows (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
• 👉 หรือดาวน์โหลดตัวติดตั้ง Node.js LTS โดยตรง

🪄 ตั้งค่าด้วยความช่วยเหลือจากเอเจนต์

เอเจนต์ AI ส่วนใหญ่สามารถเพิ่มเซิร์ฟเวอร์ BrowserStack MCP เชื่อมต่อกับเซิร์ฟเวอร์ และแนะนำขั้นตอนการลงชื่อเข้าใช้ให้คุณได้โดยไม่ต้องกำหนดค่าด้วยตนเอง วางพรอมป์ต์นี้ลงในเอเจนต์ของคุณ:

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.

หากต้องการเพิ่มด้วยตนเอง ให้ใช้คำสั่งหรือเมนูของไคลเอ็นต์:

ไคลเอ็นต์	คำสั่งหรือการกำหนดค่า
Claude Code	claude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcp จากนั้นเรียกใช้ /mcp ในเซสชันแล้วลงชื่อเข้าใช้
Claude Desktop / claude.ai	Settings → Connectors → Add custom connector โดยใช้ URL https://mcp.browserstack.com/mcp
ChatGPT	ติดตั้ง ปลั๊กอิน BrowserStack
Codex	codex mcp add browserstack --url https://mcp.browserstack.com/mcp จากนั้นใช้ codex mcp login browserstack เพื่อลงชื่อเข้าใช้
VS Code / GitHub Copilot	code --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}' จากนั้นเริ่มเซิร์ฟเวอร์จากมุมมอง MCP แล้วลงชื่อเข้าใช้
Cursor	เพิ่ม "browserstack": { "url": "https://mcp.browserstack.com/mcp" } ใน mcpServers ภายใน ~/.cursor/mcp.json จากนั้นลงชื่อเข้าใช้จาก Cursor Settings → MCP
ไคลเอ็นต์ MCP อื่น ๆ	ชี้ไปที่ https://mcp.browserstack.com/mcp

💡 ตัวอย่างการใช้งาน

📱 ทดสอบแอปด้วยตนเอง

ทดสอบแอปมือถือบนอุปกรณ์จริงที่ใช้ระบบปฏิบัติการเวอร์ชันล่าสุด จำลองข้อบกพร่องและแก้ไขแอปที่ขัดข้องได้โดยไม่ต้องยุ่งยากกับการตั้งค่า ด้านล่างนี้คือตัวอย่างพรอมป์ต์สำหรับทดสอบแอปมือถือของคุณบนคลาวด์อุปกรณ์จริงขนาดใหญ่ของ BrowserStack

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

• ต่างจากอีมูเลเตอร์ คุณสามารถทดสอบประสิทธิภาพของแอปในสภาพการใช้งานจริงบนอุปกรณ์จริงได้ ด้วย ฟีเจอร์ App-Profiling ขั้นสูง คุณสามารถแก้ไขปัญหาแอปขัดข้องและประสิทธิภาพได้แบบเรียลไทม์
• เข้าถึงอุปกรณ์และระบบปฏิบัติการเวอร์ชันหลักทั้งหมดได้จาก ตารางอุปกรณ์ ของเรา เรามี SLA ที่เข้มงวดเพื่อจัดเตรียมอุปกรณ์ที่เพิ่งเปิดตัวให้กับศูนย์ข้อมูลทั่วโลกของเราใน วันเปิดตัว

🌐 ทดสอบเว็บด้วยตนเอง

เช่นเดียวกับการทดสอบแอป คุณสามารถใช้พรอมป์ต์ต่อไปนี้เพื่อทดสอบ เว็บไซต์ บนคลาวด์เบราว์เซอร์และอุปกรณ์จริงขนาดใหญ่ของ BrowserStack ไม่มีเบราว์เซอร์ Edge ติดตั้งอยู่ในเครื่องใช่ไหม? เราช่วยคุณได้!

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

• ทดสอบเว็บไซต์บนเบราว์เซอร์และอุปกรณ์ต่าง ๆ เรารองรับ เบราว์เซอร์หลักทุกตัว บนระบบปฏิบัติการหลักทุกระบบ
• ทดสอบเว็บไซต์ที่โฮสต์ในเครื่องของคุณได้อย่างราบรื่น ไม่จำเป็นต้องนำไปใช้งานบนเซิร์ฟเวอร์ระยะไกล!

🧪 การทดสอบอัตโนมัติ (Playwright, Selenium, A11y และอื่น ๆ)

วิเคราะห์ วินิจฉัย และแม้แต่แก้สคริปต์ทดสอบที่เสียได้โดยตรงใน IDE หรือ LLM ของคุณ ดึงบันทึก ระบุสาเหตุที่แท้จริง และใช้การแก้ไขที่คำนึงถึงบริบทได้ทันที ไม่ต้องวนลูบแก้ข้อบกพร่องอีกต่อไป ด้านล่างนี้คือตัวอย่างพรอมป์ต์สำหรับเรียกใช้/แก้ไขข้อบกพร่อง/แก้ไขการทดสอบอัตโนมัติบน Test Platform ของ BrowserStack

หมายเหตุ: เมื่อดึงการวิเคราะห์สาเหตุที่แท้จริง (RCA) สำหรับการทดสอบ เซิร์ฟเวอร์จะแสดงการแก้ไขที่แนะนำเป็นข้อเสนอเท่านั้น โดยจะไม่เปลี่ยนแปลงโค้ดโดยอัตโนมัติ—ผู้ช่วยของคุณต้องแสดงคำแนะนำและรอการอนุมัติอย่างชัดเจนจากคุณก่อนแก้ไขไฟล์ใด ๆ

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

• แก้ไขการทดสอบที่ล้มเหลวซึ่งรายงานโดยไปป์ไลน์ CI/CD ของคุณด้วยฟีเจอร์ Test Observability ชั้นนำของอุตสาหกรรม ดูข้อมูลเพิ่มเติมได้ที่นี่
• เรียกใช้การทดสอบที่เขียนด้วย Jest, Playwright, Selenium และอื่น ๆ บน Test Platform ของ BrowserStack

🌐 การช่วยการเข้าถึง

ตรวจพบปัญหาการช่วยการเข้าถึงตั้งแต่เนิ่น ๆ ด้วยการสแกน a11y ในเครื่องแบบอัตโนมัติ รับคำแนะนำการแก้ไขจาก AI ได้ในคลิกเดียว ไม่ต้องค้นหาเอกสารหรือกังวลกับปัญหาที่ไม่คาดคิดใน CI ตรวจสอบให้แน่ใจว่าเป็นไปตามข้อกำหนด WCAG และ ADA ด้วยเครื่องมือ Accessibility Testing ของเรา

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

📋 การจัดการการทดสอบ

สร้างและจัดการกรณีทดสอบ สร้างแผนการทดสอบ และเริ่มการทดสอบด้วยภาษาธรรมชาติ ด้านล่างนี้คือตัวอย่างพรอมป์ต์สำหรับใช้ความสามารถของ Test Management ของ BrowserStack ร่วมกับเซิร์ฟเวอร์ MCP

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

⚡ การทดสอบโหลด

เรียกใช้และวิเคราะห์การทดสอบโหลดในวงกว้างโดยไม่ต้องออกจาก IDE หรือแชต—ค้นหาการทดสอบ เริ่มและหยุดการทำงาน อ่านรายงานและ AI Insights เปรียบเทียบการทำงาน และตรวจสอบชั่วโมง VU รองรับการทดสอบโหลด API (JMeter, k6, Gatling, Locust) เบราว์เซอร์ (Playwright, Selenium, WebdriverIO, Nightwatch) และแบบไฮบริดบน Load Testing ของ BrowserStack การดำเนินการเหล่านี้ใช้ เครื่องมือหลัก

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

🧪 เข้าถึงเอเจนต์ AI ของ BrowserStack

สร้างกรณีทดสอบจาก PRD แปลงการทดสอบด้วยตนเองเป็นระบบอัตโนมัติแบบ low-code และซ่อมแซมสคริปต์ที่ไม่เสถียรโดยอัตโนมัติด้วยเอเจนต์ AI ของ BrowserStack ซึ่งผสานรวมเข้ากับเวิร์กโฟลว์ของคุณได้อย่างราบรื่น ด้านล่างนี้คือตัวอย่างพรอมป์ต์สำหรับเข้าถึงเอเจนต์ AI ของ 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”

🧭 เครื่องมือหลัก

เครื่องมือหลักห้ารายการช่วยให้ผู้ช่วย AI ของคุณค้นหาและเรียกใช้เวิร์กโฟลว์ของ BrowserStack ได้ทุกรูปแบบ ผู้ช่วยของคุณจะโหลดเครื่องมือทั้งหมดที่เซิร์ฟเวอร์ MCP เปิดให้ใช้เมื่อเริ่มแต่ละเซสชัน ดังนั้นการมีเครื่องมือหนึ่งรายการต่อเวิร์กโฟลว์จะใช้พื้นที่บริบทจนเต็มและทำให้เซสชันทั้งหมดช้าลง แต่ผู้ช่วยจะใช้เครื่องมือหลักเพื่อค้นหาแค็ตตาล็อกเครื่องมือของ BrowserStack ด้วยภาษาธรรมชาติ แล้วเรียกใช้เครื่องมือที่ต้องการ

เครื่องมือ	คำอธิบาย
listProducts	แสดงรายการผลิตภัณฑ์ BrowserStack ในแค็ตตาล็อก พร้อมสรุปสั้น ๆ ว่าแต่ละผลิตภัณฑ์ครอบคลุมอะไรบ้าง
describeEntity	อธิบายเอนทิตีหนึ่งรายการ ได้แก่ ชื่อเรียก รูปแบบ ID เอนทิตีหลักและเอนทิตีที่เกี่ยวข้อง รวมถึงความสามารถที่ใช้ดำเนินการกับเอนทิตีนั้น
searchCapability	ค้นหาความสามารถที่ตรงกับคำขอภาษาธรรมชาติ พร้อมข้อมูลทั้งหมดที่ผู้ช่วยต้องใช้เพื่อเรียกใช้แต่ละรายการ
describeCapability	แสดงรายละเอียดทั้งหมดของความสามารถหนึ่งรายการ เช่น พารามิเตอร์ เนื้อหาคำขอ และรูปแบบการตอบกลับ
invokeCapability	เรียกใช้ความสามารถหนึ่งรายการและส่งคืนการตอบกลับของผลิตภัณฑ์โดยไม่เปลี่ยนแปลง การเปลี่ยนแปลงข้อมูลต้องได้รับการอนุมัติจากคุณ

ดู เครื่องมือหลัก สำหรับพารามิเตอร์และวิธีอนุมัติการเปลี่ยนแปลงข้อมูล

เครื่องมือทั้งหมด — ดู docs/TOOLS.md สำหรับเครื่องมือทั้งหมดที่จัดกลุ่มตามผลิตภัณฑ์ หรือ เครื่องมือและเวิร์กโฟลว์ BrowserStack MCP สำหรับเวิร์กโฟลว์ของผลิตภัณฑ์

การอัปโหลดไฟล์และแอป: เครื่องมือที่อัปโหลดไฟล์/แอปในเครื่อง (uploadProductRequirementFile, takeAppScreenshot, runAppTestsOnBrowserStack, runAppLiveSession) ต้องตั้งค่า env var MCP_UPLOAD_BASE_DIR ให้ชี้ไปยังไดเรกทอรีที่มีไฟล์เหล่านั้น โดยจำกัดการอัปโหลดไว้เฉพาะในไดเรกทอรีดังกล่าว

🚀 เซิร์ฟเวอร์ Remote MCP

Remote MCP มาพร้อมฟังก์ชันการทำงานทั้งหมดของเซิร์ฟเวอร์ MCP โดยไม่ต้องยุ่งยากกับการตั้งค่าที่ซับซ้อนหรือการติดตั้งในเครื่อง

ประโยชน์หลัก:

• ✅ ทำงานได้อย่างราบรื่นในเครือข่ายองค์กร โดยไม่ต้องกังวลเรื่องไฟร์วอลล์ ไบนารี หรือข้อจำกัดที่ไม่อนุญาตให้ติดตั้งในเครื่อง

• ✅ การผสานรวม OAuth ที่ปลอดภัย – ไม่ต้องแชร์รหัสผ่านหรือจัดการข้อมูลรับรองด้วยตนเอง

ข้อจำกัด:

• ❌ ไม่รองรับการทดสอบในเครื่อง (ไม่สามารถทดสอบแอปที่อยู่หลัง VPN ไฟร์วอลล์ หรือ localhost ได้) หากต้องทดสอบในเครื่อง คุณต้องใช้เซิร์ฟเวอร์ BrowserStack Local MCP
• ❌ อาจมีความหน่วงสูงขึ้นเล็กน้อย แต่ไม่มากนัก—โดยทั่วไปคุณจะไม่สังเกตเห็นในการใช้งานปกติ

⚠️ หมายเหตุสำคัญ

• BrowserStack MCP Server อยู่ระหว่างการพัฒนาอย่างต่อเนื่อง และขณะนี้รองรับ MCP spec เพียงบางส่วน โดยจะเพิ่มฟีเจอร์เพิ่มเติมในเร็ว ๆ นี้
• การเรียกใช้เครื่องมือขึ้นอยู่กับ MCP Client ซึ่งอาศัย LLM อีกทอดหนึ่ง จึงอาจมีพฤติกรรมที่ไม่แน่นอนและนำไปสู่ผลลัพธ์ที่ไม่คาดคิด หากมีข้อเสนอแนะหรือความคิดเห็น โปรดเปิด issue เพื่อพูดคุย

📝 การมีส่วนร่วม

เรายินดีรับการมีส่วนร่วม! โปรดเปิด issue เพื่อพูดคุยเกี่ยวกับการเปลี่ยนแปลงที่คุณต้องการเสนอ 👉 คลิกที่นี่เพื่อดูแนวทางการมีส่วนร่วม

📞 การสนับสนุน

หากต้องการความช่วยเหลือ โปรด:

• เปิด issue ใน GitHub repository ของเรา หากพบปัญหาเกี่ยวกับ MCP Server
• ติดต่อทีมสนับสนุน ของเราหากมีข้อสงสัยอื่น ๆ
• ส่งอีเมลไปที่ support@browserstack.com
• นโยบายความเป็นส่วนตัว: browserstack.com/privacy

🚀 ฟีเจอร์เพิ่มเติมเร็ว ๆ นี้

ติดตามการอัปเดตที่น่าตื่นเต้น! มีข้อเสนอแนะหรือไม่? โปรดเปิด issue เพื่อพูดคุย