chrome-devtools-mcp icon indicating copy to clipboard operation
chrome-devtools-mcp copied to clipboard

Allow Toggle Device Toolbar

Open amoralesph opened this issue 1 month ago • 4 comments

Is your feature request related to a problem? Please describe.

Is your feature request related to a problem? Please describe. To emulate mobile devices as accurately as possible, we need access to the device toolbar and select the device, for example. This is ideal for automating performance audits.

Describe the solution you'd like

Add access to the device toolbar, just like we have for the Performance tab, for example.

Describe alternatives you've considered

Add access to the device toolbar, just like we have for the Performance tab, for example.

Additional context

No response

amoralesph avatar Nov 27 '25 23:11 amoralesph

Could you please clarify if you want to visually interact with the toolbar in the browser or if you want the device emulation tools to be available in the MCP server?

OrKoN avatar Nov 30 '25 07:11 OrKoN

Could you please clarify if you want to visually interact with the toolbar in the browser or if you want the device emulation tools to be available in the MCP server?

I would like the device emulation tools to be available on the MCP server. That is, I would like to be able to say at the prompt, “Open this URL xxxxx.com” by selecting an iPhone SE from the device emulation. I am interested in this so that I can then analyze the performance of the website on an iPhone SE, iPad, etc.

amoralesph avatar Dec 01 '25 11:12 amoralesph

viewport, cpu and network throttling can already be set via emulate and resize_page. Have you tried simply saying in the prompt something like "Open this URL example.com, emulate that your are an iPhone SE 14 on a 4G network."?

natorion avatar Dec 05 '25 14:12 natorion

opening chrome dev tools causes a crash, and no easy way to set dimensions

ianjuma avatar Dec 09 '25 07:12 ianjuma