@@ -466,51 +466,51 @@ As of now we support 20 tools.
466
466
- Inside the .vscode folder, create a new file named mcp.json
467
467
- To setup Remote BrowserStack MCP instead of local BrowserStack MCP you can add the following JSON content :
468
468
< div align=" center" >
469
- < img src=" assets/remotemcp_json_file.png" alt=" Remote MCP JSON file" height=" 200 " width=" 200 " >
469
+ < img src=" assets/remotemcp_json_file.png" alt=" Remote MCP JSON file" height=" 300 " width=" 300 " >
470
470
< /div>
471
471
472
472
# ## Alternative way to Setup Remote MCP
473
473
474
474
- Step 1.Click on the gear icon to Select Tools
475
475
476
476
< div align=" center" >
477
- < img src=" assets/select_tools.png" alt=" Select Tools" height=" 200 " width=" 200 " >
477
+ < img src=" assets/select_tools.png" alt=" Select Tools" height=" 300 " width=" 300 " >
478
478
< /div>
479
479
480
480
- Step 2. A tool menu would appear at the top-centre, scroll down on the menu at the top and then Click on Add MCP Server
481
481
482
482
< div align=" center" >
483
- < img src=" assets/add_mcp_server.png" alt=" Add MCP Server" height=" 200 " width=" 200 " >
483
+ < img src=" assets/add_mcp_server.png" alt=" Add MCP Server" height=" 300 " width=" 300 " >
484
484
< /div>
485
485
486
486
- Step 3. Click on HTTP option
487
487
< div align=" center" >
488
- < img src=" assets/http_option.png" alt=" HTTP Option" height=" 200 " width=" 200 " >
488
+ < img src=" assets/http_option.png" alt=" HTTP Option" height=" 300 " width=" 300 " >
489
489
< /div>
490
490
491
- - Step 4. Paste Remote MCP Server URL
491
+ - Step 4. Paste Remote MCP Server URL : https://mcp.browserstack.com/mcp
492
492
< div align=" center" >
493
- < img src=" assets/server_url.png" alt=" Remote MCP Server URL" height=" 200 " width=" 200 " >
493
+ < img src=" assets/server_url.png" alt=" Remote MCP Server URL" height=" 300 " width=" 300 " >
494
494
< /div>
495
495
496
- - Step 5. Give server id as browserstack
496
+ - Step 5. Give server id as : browserstack
497
497
498
498
< div align=" center" >
499
- < img src=" assets/server_id.png" alt=" Remote MCP Server ID" height=" 200 " width=" 200 " >
499
+ < img src=" assets/server_id.png" alt=" Remote MCP Server ID" height=" 300 " width=" 300 " >
500
500
< /div>
501
501
502
502
- Step 6. In VSCode Click on start MCP Server and then click on " Allow"
503
503
504
504
< div align=" center" >
505
- < img src=" assets/authentication1.png" alt=" authentication1" height=" 200 " width=" 200 " >
505
+ < img src=" assets/authentication1.png" alt=" authentication1" height=" 300 " width=" 300 " >
506
506
< /div>
507
507
508
508
< div align=" center" >
509
- < img src=" assets/authentication2.png" alt=" authentication2" height=" 200 " width=" 200 " >
509
+ < img src=" assets/authentication2.png" alt=" authentication2" height=" 300 " width=" 300 " >
510
510
< /div>
511
511
512
512
< div align=" center" >
513
- < img src=" assets/signin_success.png" alt=" Sign_in_success" height=" 200 " width=" 200 " >
513
+ < img src=" assets/signin_success.png" alt=" Sign_in_success" height=" 300 " width=" 300 " >
514
514
< /div>
515
515
516
516
0 commit comments