browser-devtools-mcp

Run accessibility analysis on the current page.

Navigate back in browser history.

Navigate to a URL and interact with web pages using Browser DevTools MCP.

Click an element on the page.

Get console messages from the browser.

Drag an element to a target location.

Compare the current page with a Figma design.

Fill an input field with text.

Navigate forward in browser history.

Hover over an element on the page.

Get HTML content from the current page.

Intercept HTTP requests matching a pattern.

Press a key or key combination.

Mock HTTP responses for testing.

Monitor and inspect HTTP network requests.

Configure and inspect OpenTelemetry instrumentation.

Save the current page as a PDF file.

Inspect React components on the page.

Reload the current page.

Resize the browser viewport.

Execute JavaScript code in the browser.

Execute JavaScript in a sandboxed Node.js environment.

Take a screenshot of the current browser page or a specific element.

Scroll the page or an element.

Select an option from a dropdown or select element.

Get visible text content from the current page.

Manage OpenTelemetry trace IDs for distributed tracing.

Wait for network activity to become idle.

Get Core Web Vitals metrics from the current page.