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

[zhuyannono]

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

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

[zcf0508]

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

[yuanmomo9090]

Playwright click 呢

[yuanmomo9090]

cli

[IDAEngine]

Playwright

[east91555]

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

[Samwulol]

了解下 pencil

[Brodess]

关注一下

[dacapoday]

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

[asAnotherJack]

试试前段时间出的 chrome devtools mcp

[asAnotherJack]

@asAnotherJack #9 配合新版本的 chrome

[ijk0]

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

[uni]

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

[XuDongJianSama]

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

[PotatoTu]

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