Skip to content

New article "Let agents inspect w/ Chrome DevTools MCP"#3811

Open
mikehoffms wants to merge 15 commits into
mainfrom
user/mikehoffms/mcp
Open

New article "Let agents inspect w/ Chrome DevTools MCP"#3811
mikehoffms wants to merge 15 commits into
mainfrom
user/mikehoffms/mcp

Conversation

@mikehoffms
Copy link
Copy Markdown
Collaborator

@mikehoffms mikehoffms commented May 28, 2026

Rendered article for review:

AB#62447540

@mikehoffms mikehoffms added the cat: devtools DevTools-related content. label May 28, 2026
@mikehoffms mikehoffms changed the title Using Microsoft Edge and WebView2 with Chrome DevTools MCP Using Edge and WebView2 with Chrome DevTools MCP May 28, 2026
Comment thread microsoft-edge/devtools/agents/index.md Outdated
Comment thread microsoft-edge/devtools/agents/index.md Outdated
Comment thread microsoft-edge/web-platform/devtools-mcp-server.md
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
Comment thread microsoft-edge/devtools/agents/mcp.md Outdated
In this mode, you start Edge yourself (or it's already running), and the MCP server connects to it. This is useful when:

* You want to maintain browser state between manual testing and agent-driven testing.
* You need to be signed into a website that blocks automated browser launches.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't understand what we mean by a website that blocks automated browser launches. How can a website blocks this?

Copy link
Copy Markdown
Collaborator Author

@mikehoffms mikehoffms Jun 4, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's meant by "a website that blocks automated browser launches". How can a website block automated browser launches?

https://review.learn.microsoft.com/en-us/microsoft-edge/web-platform/devtools-mcp-server?branch=pr-en-us-3811&tabs=windows#auto-connect-to-a-running-edge-instance

@zoherghadyali

Comment thread microsoft-edge/web-platform/devtools-mcp-server.md Outdated
@mikehoffms mikehoffms changed the title Using Edge and WebView2 with Chrome DevTools MCP New article "Let agents inspect your site with Chrome DevTools MCP" Jun 4, 2026
@mikehoffms mikehoffms changed the title New article "Let agents inspect your site with Chrome DevTools MCP" New article "Let agents inspect your site w/ Chrome DevTools MCP" Jun 4, 2026
@mikehoffms mikehoffms changed the title New article "Let agents inspect your site w/ Chrome DevTools MCP" New article "Let agents inspect site w/ Chrome DevTools MCP" Jun 4, 2026
@mikehoffms mikehoffms changed the title New article "Let agents inspect site w/ Chrome DevTools MCP" New article "Let agents inspect w/ Chrome DevTools MCP" Jun 4, 2026
Comment thread microsoft-edge/web-platform/devtools-mcp-server.md Outdated
@learn-build-service-prod
Copy link
Copy Markdown
Contributor

Learn Build status updates of commit ec914bd:

✅ Validation status: passed

File Status Preview URL Details
microsoft-edge/toc.yml ✅Succeeded View
microsoft-edge/web-platform/devtools-mcp-server.md ✅Succeeded View
microsoft-edge/web-platform/index.md ✅Succeeded View

For more details, please refer to the build report.

@learn-build-service-prod
Copy link
Copy Markdown
Contributor

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

@learn-build-service-prod
Copy link
Copy Markdown
Contributor

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

<!-- ------------------------------ -->
#### "Could not connect to Chrome"<!-- todo: to Microsoft Edge? --> error with auto-connect

If you are using auto-connect and get an error such as "Could not connect to Chrome"<!-- todo: to Microsoft Edge? -->:
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suspect this string is coming from the Chrome DevTools MCP server. We're using this server to connect to Edge or WebView2, because it's inherently compatible with them, being Chromium-based, but we don't control what's in the Chrome DevTools MCP server itself. It may very well be that the server has that string "Could not connect to Chrome" hard-coded in it.

@zoherghadyali can confirm.

@learn-build-service-prod
Copy link
Copy Markdown
Contributor

Learn Build status updates of commit 3457b47:

✅ Validation status: passed

File Status Preview URL Details
microsoft-edge/toc.yml ✅Succeeded View
microsoft-edge/web-platform/devtools-mcp-server.md ✅Succeeded View
microsoft-edge/web-platform/index.md ✅Succeeded View

For more details, please refer to the build report.

Copy link
Copy Markdown
Contributor

@captainbrosset captainbrosset left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few comments, and follow-up questions for Zoher, but otherwise LGTM. Approving already, I don't need to re-review once the remaining comments have been addressed.

<!-- ---------- -->
###### By using WebView2Utilities

In this approach, you use WebView2Utilities and follow the steps in [How to: Auto open DevTools](https://github.com/david-risney/WebView2Utilities/wiki/How-to:-Auto-open-DevTools). But instead of selecting the **Auto open DevTools** checkbox, in the **Arguments** textbox, enter `--remote-debugging-port=0`.
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@zoherghadyali would you be ok if we inlined the wiki instructions? This would avoid potential confusion/context switching. The wiki isn't that long.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Comment thread microsoft-edge/web-platform/devtools-mcp-server.md Outdated
Comment thread microsoft-edge/web-platform/devtools-mcp-server.md
Comment thread microsoft-edge/web-platform/devtools-mcp-server.md Outdated
<!-- ------------------------------ -->
#### "Could not connect to Chrome"<!-- todo: to Microsoft Edge? --> error with auto-connect

If you are using auto-connect and get an error such as "Could not connect to Chrome"<!-- todo: to Microsoft Edge? -->:
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I suspect this string is coming from the Chrome DevTools MCP server. We're using this server to connect to Edge or WebView2, because it's inherently compatible with them, being Chromium-based, but we don't control what's in the Chrome DevTools MCP server itself. It may very well be that the server has that string "Could not connect to Chrome" hard-coded in it.

@zoherghadyali can confirm.

@learn-build-service-prod
Copy link
Copy Markdown
Contributor

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

@learn-build-service-prod
Copy link
Copy Markdown
Contributor

Learn Build status updates of commit 88a90e9:

✅ Validation status: passed

File Status Preview URL Details
microsoft-edge/toc.yml ✅Succeeded View
microsoft-edge/web-platform/devtools-mcp-server.md ✅Succeeded View
microsoft-edge/web-platform/index.md ✅Succeeded View

For more details, please refer to the build report.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cat: devtools DevTools-related content.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants