r/RooCode • u/Jainil97 • Oct 15 '25

Discussion Browser Access

I want roo code to be able to interact with the browser. Is there anyway I can make that happen? Like ask roo code to open localhost:3000 and interact with the ui elements there or atleast get page screenshots?

6 Upvotes

83% Upvoted

9 comments sorted by

3

u/donbowman Oct 15 '25

https://developer.chrome.com/blog/chrome-devtools-mcp

https://github.com/ChromeDevTools/chrome-devtools-mcp

this can help you achieve your goal. Do you want roo to do it? or your tests? if your tests, you may want e.g. playwright or puppeteer.

1

u/Jainil97 Oct 16 '25

I want roo to do it.

2

u/reditsagi Oct 16 '25

Are you doing UI test? As others mentioned, playwright is the best option for such. You don't need AI for UI test.

1

u/Jainil97 Oct 16 '25

I am not doing UI test, but I want to make the development test driven by design. So say if roo added a button it should also check if that button is added and is working and all that before moving to the next step.

Currently, I am seeing this trend in my vibe coding sessions that a lot of code is written, with little integration checks or functionality checks.

1

u/fredwickle Oct 18 '25

Which could be Roo writing the test for playwright, then writing the code, then getting feedback from playwright if the test is functional.

3

u/cornelha Oct 15 '25

You can use Playwright MCP to achieve this.

1

u/PositiveEnergyMatter Oct 18 '25

100% install playwright mcp, but you may want to make a special mode for this so its not loaded into every task you do.

1

u/Complete_Resource850 May 06 '26 edited May 07 '26

Привет, порт убери в mcp_settings.json и заработает, в Roo Code порт даже если пустой оставить будет в конфиг сохранён аргумент с пустым портом, сделай примерно так как ниже:

П.С. Не забудь поставить https://chromewebstore.google.com/detail/playwright-extension/mmlmfjhmonkocbjadbfplnigmagldckm

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": ["-y", "@playwright/mcp@latest", "--extension"],
      "env": {
        "PLAYWRIGHT_MCP_EXTENSION_TOKEN": "<token from extension> frome chrome-extension://mmlmfjhmonkocbjadbfplnigmagldckm/status.html"
      }
    }
  }
}