🚀逆天神器来了!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 链接了?😉)

相关推荐
Captaincc3 小时前
𝐂𝐮𝐫𝐬𝐨𝐫 𝐌𝐂𝐏 攻击现象:一句话,就能让你的私有数据库裸奔
mcp
我是一只代码狗3 小时前
idea中使用git
git·gitee·github
AI大模型5 小时前
AI大模型智能体开发实战|基于 Dify + MCP 的理财助手
程序员·llm·mcp
产品经理独孤虾5 小时前
GitHub Copilot:产品经理提升工作效率的AI助手
github·copilot·产品经理·原型设计·ai工具·效率提升·prd
杜莱7 小时前
IDEA 安装AI代码助手GitHub Copilot和简单使用体验
人工智能·github·intellij-idea
LogicFlow8 小时前
对单调的画布说拜拜👋🏻
前端框架·开源·github
scisaga8 小时前
MCP 从原理到实战:构建 LLM 可控工具世界
mcp
围巾哥萧尘9 小时前
「掌握Trae IDE」 Trae + Git Agent + EdgeoneMCP,20 分钟用 Trae 完成网页开发和部署🧣
mcp
強云10 小时前
使用 SSH 连接 GitHub
ssh·github