[FEATURE] DevTools access for the Chrome Extension

Preflight Checklist

• [x] I have searched existing requests and this feature hasn't been requested yet
• [x] This is a single feature request (not multiple features)

Problem Statement

I like to have Claude Code review my site while the browser is in a certain device mode, such as iPhone 14 Pro Max. Currently, it doesn't seem that the Chrome extension integration with Claude Code is able to open the Chrome DevTools and enable the Device Toolbar, so it can select a device from the drop-down list. I've tried it by prompting Claude multiple times with no luck.

What you have to do currently is open the DevTools in the browser that Claude Code is using and pre-select the device you want before prompting Claude. Which is not an ideal workflow.

Proposed Solution

Ideally, you would just be able to prompt Claude to open the browser using a certain device configuration, and it would know to open the dev tools and select that device from the drop-down list.

Alternative Solutions

Alternatively, if a Chrome extension has the ability to read the device list available without opening DevTools, maybe Claude Code could present the list of devices to the user and have them select the correct device within Claude Code.

Priority

Medium - Would be very helpful

Feature Category

CLI commands and flags

Use Case Example

This feature would be very helpful when asking Claude Code to verify a feature looks and works correctly on different devices in the browser.

Additional Context

_No response_