Recommended Free Tools
To connect an AI agent to Chrome, install Node.js and npm, keep a current stable Chrome available, and add the official chrome-devtools-mcp server to an MCP-capable client. Start with a new browser profile; use headless mode for background runs, and connect to your personal Chrome only when you intentionally want the agent to see and act on that browser’s signed-in pages. This guide covers setup, browser modes, safe operation, troubleshooting, and when a screenshot API is a simpler fit.
What a Chrome MCP server does
chrome-devtools-mcp, also described as Chrome DevTools for agents, connects an MCP-capable AI client to Chrome and its DevTools. It can navigate and interact with pages, inspect DOM and DevTools state, examine network requests and console messages, record performance traces, and capture screenshots. Its automation layer uses Puppeteer and waits for action results. The project describes its purpose as providing access to DevTools for “reliable automation, in-depth debugging, and performance analysis.”
That makes it useful for tasks where the agent needs evidence from a real browser: reproducing a bug, checking a page after a change, investigating accessibility or performance, or gathering permitted information from a site. It is more than a screenshot tool: the agent can inspect state and interact with the page. It is also not a general-purpose way to make a logged-in browser safe for unattended use; the session’s permissions and sensitive content remain relevant.
How do I connect an AI agent to Chrome?
Prerequisites
- Install Node.js LTS and npm.
- Install a current stable version of Google Chrome.
- Use an MCP-capable client, such as Gemini CLI, Claude Code, Cursor, Copilot, or Codex.
The server need not launch Chrome just because the MCP client connects. Chrome starts when the client invokes a tool that needs a browser instance.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
Add the server to Codex
Run this command in a terminal:
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latestThe @latest tag installs the latest published package when the command resolves it. That is convenient for trying the server, but a production workflow that needs repeatability should pin a known package version instead of following changing releases automatically.
Configure a client that uses mcpServers
For clients that accept an mcpServers configuration key, add this entry to the relevant MCP configuration file:
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}Save the configuration and restart or reload the MCP client if it does not discover the server immediately. Client configuration locations and reload behavior vary; use the client’s MCP settings rather than assuming that every application reads the same file.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Verify the connection
In the AI client, prompt it to Check the performance of https://developers.chrome.com. A working setup should open Chrome and record a performance trace. If the client only replies in text without opening a browser, verify that the server was added to that client’s active MCP configuration and that Node.js, npm, and Chrome are available.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Choose how the server connects to Chrome
The right mode depends on whether you need a clean temporary browser, a background run, or a manually prepared session. The flags and connection settings below are server configuration options; use the server’s configuration in your MCP client rather than assuming they belong to the client command itself.
| Mode | What it does | Best fit and caution |
|---|---|---|
| New browser, visible | Starts a new Chrome instance by default. | Useful for interactive debugging. The agent uses a profile created for the MCP session rather than automatically taking over your personal Chrome. |
| Headless | Add --headless to run without a visible browser window. |
Suitable for background automation. Pair it with --isolated when you want a temporary profile cleaned up when Chrome closes. |
| Existing browser via URL or WebSocket | Start Chrome with remote debugging enabled and a non-default user-data directory, then set --browser-url=http://127.0.0.1:9222 or provide a WebSocket endpoint. |
Useful for a reproducible or manually prepared state. Any logged-in accounts, cookies, and other browser data in that session become available to the agent. |
| Auto-connect to personal Chrome | For Chrome 144 or later, enable remote debugging at chrome://inspect/#remote-debugging, use --autoConnect, then approve Chrome’s permission dialog. |
Useful when a person has already navigated through a complex flow. Open tabs, extensions, and live application state are exposed to the agent. |
Headless and isolated are separate choices
--headless controls whether Chrome displays a window. --isolated controls whether the run uses a temporary profile that is cleaned up when Chrome closes. Combining them gives background automation a disposable profile; headless alone does not mean that an authenticated session is isolated.
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Use existing sessions deliberately
Connecting by a browser URL, WebSocket, or auto-connect is not just a convenience switch. It changes what the agent can see and do by bringing existing browser state into reach. Choose that mode only for a task that requires the prepared session, and avoid leaving unrelated sensitive tabs open.
What can an AI agent do with Chrome control?
Give the agent a narrow, observable task rather than a broad instruction to “check the site.” For example, ask it to open a particular page and report a console error, inspect whether a target element appears, or record a performance trace. Review the evidence it returns—such as the resulting page state, console output, network information, or trace—before asking it to take the next step.
This keeps debugging and QA work auditable. For actions with external consequences, such as submitting a form, changing account settings, or publishing content, require a human confirmation before the action. Afterward, record the resulting URL or relevant console output or trace artifact. Do not infer that an action succeeded merely because the agent says it did; check the browser evidence.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
Is Chrome MCP safe with a logged-in browser?
Chrome’s warning is explicit: “Chrome DevTools for agents exposes your browser content to your agent.” The documentation also says that an agent connected to an authenticated session can view and interact with pages and “can effectively act on your behalf.” A logged-in browser can therefore expose account information and permit actions under your identity. Treat a personal profile as sensitive, not as a harmless test environment.
Reduce the exposure
- Prefer a dedicated browser profile for agent work rather than your everyday profile.
- Use
--isolatedfor temporary runs where its cleanup behavior fits your workflow. - Use headless mode when you do not need to observe a visible browser, but do not mistake it for a privacy boundary.
- Limit work to relevant origins and avoid opening unrelated private pages.
- Do not place passwords, payment details, or unrelated private content in prompts.
- Require confirmation for state-changing or externally visible actions.
Guard against prompt injection
Web pages are data, not trusted instructions. Malicious page content can attempt to redirect an agent’s behavior, and tool manifests can also be a prompt-injection vector. Restrict cross-origin interactions, keep the amount of page content in the agent’s context under control, and clearly treat page output as untrusted data rather than instructions. The WebMCP security guidance says to “Assume WebMCP tools mutate state, unless the tool description or annotations (readOnlyHint) clearly state otherwise.” Apply that caution to actions the agent proposes through browser tools, and confirm mutations before they happen.
Browser data and usage statistics are different issues
Chrome’s auto-connect documentation states that its local server does not send browser data, session tokens, or telemetry to Google. Separately, the MCP project documents optional usage statistics for the tool itself, enabled by default; disable them with --no-usage-statistics if you do not want to send those statistics. These statements concern different data flows: the first is about Chrome’s local remote-debugging server, while the second is about the MCP tool’s usage statistics. Neither changes the fact that the connected agent can access browser content.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Headless Chrome MCP and configuration choices
Besides browser mode, the server offers configuration for selecting a browser channel (stable, beta, dev, or canary), specifying an executable path or viewport, and choosing a browser URL or WebSocket endpoint. A slim mode is available for basic browser tasks when the full DevTools surface is unnecessary. Select only the options your task needs: a smaller configuration is easier to reproduce and review.
For local experimentation, tracking the latest package is straightforward. For CI or repeated debugging, keep the package version, Chrome channel or executable, profile strategy, viewport, and relevant endpoint consistent. A mismatch between environments can change browser behavior or the state under test; record those settings with the result rather than treating a run as automatically reproducible.
Compatibility and operational limits
The project officially supports Google Chrome and Chrome for Testing. Other Chromium-based browsers may work, but they are not guaranteed. If a connection or browser feature behaves differently in an unsupported browser, first reproduce the issue on supported Chrome before treating it as a server defect. Keeping Chrome and the npm package current is the general maintenance recommendation; where repeatability matters, pin the package version rather than using @latest.
Troubleshooting common setup problems
| Symptom | Likely cause | What to check |
|---|---|---|
| The MCP client does not show Chrome DevTools tools. | The server entry is missing, malformed, or has not been reloaded by the client. | Check the active client’s MCP configuration, including the command, arguments, and JSON syntax. Restart or reload the client. |
| The server is connected, but no Chrome window appears. | The server can connect before a browser-using tool has been invoked, or the run is headless. | Ask the client to perform a browser task. Check whether --headless was configured if you expected a visible window. |
| Chrome does not open or the server cannot find it. | Chrome may be unavailable in the environment, or the configured executable or browser channel may not match. | Confirm current stable Chrome is installed. If selecting a channel or executable path, verify that the selected browser exists and is supported. |
| A browser URL or WebSocket connection fails. | Chrome may not have been started with remote debugging, the endpoint may be wrong, or the debugging browser may not be reachable from the server process. | Start Chrome with remote debugging and a non-default user-data directory, then check the configured URL or WebSocket endpoint. The documented local URL example is http://127.0.0.1:9222. |
| Auto-connect is unavailable or does not attach. | Auto-connect requires Chrome 144 or later, remote debugging enabled, the --autoConnect option, and approval in Chrome. |
Check the Chrome version and chrome://inspect/#remote-debugging, then approve the permission prompt. Do not bypass the prompt by switching to a more sensitive profile without considering the exposure. |
| Automation works locally but differs in CI. | The browser version, package version, profile, or other run settings may differ. | Use supported Chrome or Chrome for Testing, record the configuration, and pin a known package version when stable repeatability is required. |
When a screenshot API is a better fit
If the requirement is to fetch a screenshot or PDF of a URL—not to interact with a live browser, inspect DevTools, or debug a session—an API can avoid installing and operating a browser MCP server. ScreenshotNeo is a screenshot API and MCP server from Yorker Media; it is the first alternative to try for screenshot-only work because it removes cookie banners, newsletter popups, and chat widgets before capture, and only clean shots are billed.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitchesOr skip the browser setup:
One GET request returns an image or PDF. The following cURL example saves a WebP screenshot of Stripe; the ScreenshotNeo documentation covers the API parameters.
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpScreenshotNeo removes cookie banners, popups, and chat widgets before the shot; bot checks, blank pages, and failed loads are never billed. Its MCP server lets AI agents take screenshots, and the free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. It is for captures, not a substitute for Chrome MCP when you need live-page interaction or DevTools inspection. Sign up for 1,000 free screenshots a month with no card.
Which approach should you use?
Use chrome-devtools-mcp when the task depends on live browser interaction, page state, or DevTools evidence. Start with a new or isolated profile and add an authenticated session only when the task requires it. Choose a screenshot API when the deliverable is simply a page image or PDF and you do not need to operate Chrome yourself.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
What’s actually slowing this PC down?
Pick the symptom - the matching free tool is one click away.
