Claude Code: 一个 mcp tool 直接操纵所有 web 应用程序
自从有了 mcp server,我们都想通过 claude code 来帮我们达成自动操作各个 web app 的目的。所以之前有一个
rube.app, 它已经集成了500+个 web app,包括 gmail,twitter 等。
但是,对于操作 web app,最佳的场所不就是浏览器吗?我们不需要通过集成各个 web app 的 API 来实现自动化调用 web app 的目的。而使用最多的浏览器就是 chrome。
而 chrome-devtools 是用来操纵 chrome 浏览器的最佳 mcp tools,没有之一,有了它,其实 rube.app 也不需要了。
安装 chrome-devtools mcp tool 之前,需要先把 chrome 浏览器的 debug 端口 9222打开。
Mac 上打开远程调试端口的命令是:
open -a "Google Chrome" --args --remote-debugging-port=9222 --user-data-dir="$HOME/Library/Application Support/Google/Chrome/RemoteProfile"
Windows 上打开远程调式端口的命令是:
"C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 --user-data-dir="%LOCALAPPDATA%\Google\Chrome\RemoteProfile"
然后就可以在 claude code 中安装 chrome-devtools mcp 了,
claude mcp add chrome-devtools -- npx -y chrome-devtools-mcp
@Latest -u http://localhost:9222
安装完成后,就可以使用 chrome 来操作各个web 应用了。比如操作百度来查信息。图1
当然,还可以做其他各种事情,比如
1. chrome,帮我看看今天微博的热点前3是什么话题?
2. chrome 帮我发一篇微博,话题是微博上热议的跟claude code相关的任何一个帖子,读完它,然后总结后发送。
如果涉及到登录,它会建议你,要不要手工登录?