求助，如何让 claude code 高效地操作浏览器

This topic created in 41 days ago, the information mentioned may be changed or developed.

最近高强度使用 claude code 中，其中涉及到前端的网页 UI 界面的时候总感觉很不智能，人工介入太多。每次改完功能后多数时候要让我自己去确认验证功能，而且多半要反复修改才能到我满意的效果。我目前只用过 playwright 的 MCP server ，有点效果但是效率很低，绝大部分时候还是要人工验证。

官方的 chrome 控制要订阅，我用的是中转。我看到有些 CDP MCP server ，是否会更加好用一点？各位大佬有没有什么 skill 或者 MCP 推荐的。我主要是想让网页 UI 的验证能由 cc 自己完成，比如识别各类信息元素，自己点击输入模拟用户操作去验证功能，尽可能减少人工介入。

browser

automation

validation

14 replies • 2026-04-03 17:27:54 +08:00

zcf0508

Apr 2

可以让 ai 接一下 https://github.com/zcf0508/unplugin-devpilot 我做的这个工具

yuanmomo9090

Apr 2 via iPhone

Playwright click 呢

yuanmomo9090

Apr 2 via iPhone

cli

IDAEngine

Apr 2

Playwright

east91555

Apr 2

Chrome DevTools MCP
- https://developer.chrome.com/blog/chrome-devtools-mcp-debug-your-browser-session?hl=zh-cn
- chrome://inspect/#remote-debugging

Samwulol

Apr 2 via Android

了解下 pencil

Brodess

Apr 2

关注一下

dacapoday

Apr 2

让 ai 自己写一个:
1. playwright 无头版
1. playwright 无头版 + 反爬
2. CDP proxy 版,支持自动探索当前最新 profile path. 并判断浏览器 GUI 是否活跃,否则重启.
全用 skill 来集成.这样自己用 shell 也能调试.
MCP 太重了,也不方便.

asAnotherJack

Apr 2

试试前段时间出的 chrome devtools mcp

asAnotherJack

Apr 2

@asAnotherJack #9 配合新版本的 chrome

ijk0

Apr 2 via iPhone

推荐 agent-browser 他有对应的 skill ，让 CC 给你安装好即可

uni

Apr 2

很遗憾，我调研过市面上所有的方案，目前还真没有一套好的方案，包括我自己弄的也仍然不完美。将就用用，等技术的发展吧，我估计到今年底或者明年这样会好些

XuDongJianSama

Apr 3

除了工具，模型也挺重要的，试了 glm-5-turbo 操作浏览器挺丝滑的，点的对操作快，就是视觉只能靠 mcp ，等 glm-5v-turbo ，有视觉应该更好。不过 cc 能快捷切换 api 地址吗，没试过，我现在都用 glm coding plan ，写代码用 5.1 ，自动操作网页或手机用 turbo

PotatoTu

Apr 3

Chrome DevTools MCP
[https://github.com/ChromeDevTools/chrome-devtools-mcp]( https://github.com/ChromeDevTools/chrome-devtools-mcp)