🚀逆天神器来了!MCP Chrome:超越Playwright,让AI接管你的浏览器,我当场震撼!

嘿~花姐上线

你有没有幻想过,有一天AI不只是跟你瞎聊,而是真的上手干活------自己翻网页、查资料、截图分析、甚至还能接管浏览器给你点点点?听起来像科幻小说对吧?我也是这么想的......

直到我看到了这个玩意儿👇

MCP Chrome ------ 直接起飞的浏览器AI外骨骼

这啥?它是个Chrome插件,但不是那种花里胡哨的玩具,它是真·能·干!

第一次用,我就被惊到:它能让AI直接控制你的浏览器,完全本地运行,无云端、无中转、无隐私风险(我知道你在担心啥,我也怕)。

关键是------它不光能动,还特聪明!举个栗子:

我让它解释"向量数据库是啥",它不仅写得比知乎还清楚,还直接给我画了个原理图......我人都看傻了

你可能在想:"这不就是个高级浏览器脚本吗?"------不对,它真的超出了我对插件的认知。来,我慢慢跟你唠。


MCP Chrome 到底能干啥?

我总结下来就一句话:

它让你的AI助手,从"只能说话",变成"能说会做"。

具体点说,它直接打通了浏览器和AI之间的壁垒,你说一句"打开淘宝搜红裙子,截图前十件",AI就能乖乖执行,中间不需要你写一行代码。

它内置了20多个工具,包括:

  • 网页截图
  • 元素选择
  • 网络请求分析(抓包)
  • 标签页切换、滚动控制
  • 数据管理和本地存储
  • 向量数据库+语义搜索

而且你敢信?所有操作------全!都!是!本!地!的!没有云,没有远程API,没有上传数据那种风险,真的能安安心心用。


为什么它比playwright强多了?

说实话,我对playwright那套启动浏览器、模拟点击的操作......体感一直很糟,启动慢,还吃资源。

MCP Chrome。它直接跑在你正在用的Chrome里,不重新开浏览器、不新开进程、不重复登录,丝滑流畅。我第一次用的时候,真的有点怀疑自己是不是开了外挂。

最关键的是想上手playwright你还得懂Python,MCP Chrome就不一样了,说句话就帮你把事情搞定。


怎么装?很简单(说真的)

只要你有 Node.js 环境,几步就搞定,什么!!!你没有nodejs环境,那简单,打开https://nodejs.org/en/download,然后下载和你电脑匹配的安装包,直接无脑安装就行

接下来安装Chrome MCP Server

  1. 全局安装mcp-chrome-bridge

npm方式:

bash 复制代码
npm install -g mcp-chrome-bridge

或pnpm方式

bash 复制代码
# 方法1:全局启用脚本(推荐)
pnpm config set enable-pre-post-scripts true
pnpm install -g mcp-chrome-bridge

# 方法2:如果 postinstall 没有运行,手动注册
pnpm install -g mcp-chrome-bridge
mcp-chrome-bridge register
  1. 从github上下载最新的chrome扩展 下载地址:https://github.com/hangwin/mcp-chrome/releases

然后打开 Chrome 并访问 chrome://extensions/ , 启用"开发者模式",点击"加载已解压的扩展程序",选择 your/dowloaded/extension/folder,点击插件图标打开插件,点击连接即可看到mcp的配置

  1. 在支持MCP协议的客户端中使用

这里我用的是Trae,打开MCP然后手动添加即可

这是配置文件代码

json 复制代码
{
  "mcpServers": {
    "chrome-mcp-server": {
      "type": "streamableHttp",
      "url": "http://127.0.0.1:12306/mcp"
    }
  }
}

提示: 如果安装好以后,提示MCP服务失败,可以尝试重启电脑,基本上就没问题了

接下来开整!


花姐的脑洞时间:

你想过没?未来用 MCP Chrome 可以干这些事:

  • 自动扫你公司的官网,生成招聘页文案?
  • 定时截图竞品网站首页做对比分析?
  • 监控公众号新文章,一有更新立刻通知你?

这些,不是梦......是插件的菜单里已经在的功能。只是你还没试。


🎯写在最后

讲真,我平时看到啥插件很少激动,但 MCP Chrome 是那种------一试就知道,它不是来"玩"的。它是真的能帮我们"干活"。

  • 帮你总结网页内容然后自动控制excalidraw画图
  • 先分析图片的内容元素,然后再自动控制excalidraw把图片模仿出来
  • 自动帮你注入脚本并修改网页的样式
  • 自动帮你捕获网络请求
  • 帮你分析你的浏览记录
  • 网页对话
  • 帮你自动截图(网页截图)
  • 帮你自动截图(元素截图)
  • 帮你管理书签
  • 自动关闭网页

说多了你可能不信,试一次你就知道,它真的不一般。

花姐今天就唠到这~ 有啥想法、想试的骚操作,评论区放马过来,我陪你一起脑洞炸裂!🔥

(最后偷偷问一句:你是不是已经迫不及待想点开 这个GitHub 链接了?😉)

相关推荐
掘金安东尼11 小时前
Node.js 如何在 2025 年挤压 I/O 性能
前端·javascript·github
老马啸西风13 小时前
v0.29.1 敏感词性能优化之内部类+迭代器内部类
性能优化·开源·nlp·github·敏感词
没事学点AI小知识15 小时前
临时邮箱 MCP Server
aigc·mcp
杨杨杨大侠15 小时前
第5章:实现Spring Boot集成
java·github·eventbus
杨杨杨大侠15 小时前
第6章:高级特性与性能优化
java·github·eventbus
HelloGitHub15 小时前
这款开源调研系统越来越“懂事”了
前端·开源·github
ruanCat15 小时前
配置 github workflow 工作流文件,实现仓库自动更新 github page 站点
github
绝无仅有16 小时前
面试总结之Nginx 经验常见问题汇总第二篇
后端·面试·github
绝无仅有17 小时前
面试实战总结之Nginx配置经验第一篇
后端·面试·github
掘金安东尼17 小时前
Chrome 17 岁了——我们的浏览器简史
前端·javascript·github