歌唱音调仪app
63.34MB · 2025-10-02
hello，我是成峰！
前几天在群里吼了一嗓子，问大家搞自动化都踩了哪些坑…
好家伙，不问不知道，一问全是痛点！
正好Google官方（对，就是搞Puppeteer那帮大佬）新出了个Chrome DevTools MCP，我抱着试试看的心态玩了两天，结果…
我直接好家伙！这玩意儿压根不是“能用”，简直是“好用到飞起”！
今天，我就从一个产品体验的角度，带大家沉浸式体验一下，它到底爽在哪？
废话不多说，直接看疗效！
从AI构思选题，到最后发布图文笔记，全程自动化，一杯咖啡的工夫，一篇笔记就发出去了！效率简直逆天！
我试着跟AI说：“去油管找第一个个关于Anthropic的视频看看，记得别看广告啊！顺便总结一下视频内容”
结果你猜怎么着？它不仅真的打开了网页、搜了关键词…
就像这样，AI麻利地执行了搜索指令：
…还特别机灵地绕开了第一个广告位，直接点进了正经的视频内容！
“灵机一动”，发现了YouTube自带的“转写稿”功能，直接把视频内容扒下来变成了文字！
看，它就是这么把文字内容抓出来的：
这… 这也太智能了吧！
以前看到好的公众号、飞书文章，想保存下来费牛劲了。
现在用这个MCP，我直接一句
“@链接，给我把这页上文字、图片、代码块都扒下来！”
“嗖”地一下…
所有内容都被整整齐齐地打包好了。
最骚的操作来了！
我让AI“@链接，写个脚本，检测到暂停按钮就给我点下去！”
它写了一段JS脚本注入到网页里，实现了自动播放！
AI直接上手编程，给网页开了个“外挂”！
看到这你可能会说：“嗨，这些功能Playwright也能做啊！”。 没错，但重点是，做的过程和体验，完全是两码事！
为了看看到底差在哪，我做了个对比实验。
同一个任务，你猜在聊天框里发生了什么？
用Playwright时，我的聊天框日常是这样的：一片红，动不动就Token超限，催着你重试，心态都搞崩了…
（Playwright：哥们儿有的是Token，随便花！）
换成Chrome DevTools，世界瞬间清净了！Token消耗不会超标，全程绿灯，一次跑通，丝滑到不像话！
（Chrome DevTools：咱得省着点用，日子还长着呢。）
同样是页面元素没找到，它俩的反应也笑死我了。
Playwright: ERROR! ERROR! （红色警报，吓人一跳）
↓
Chrome DevTools: 没事，继续… （绿色提示，淡定继续）
Playwright像个“惊慌失措的新手”，一点小事就大喊“报错啦！”（标红色），非要把你吓个半死。
Chrome DevTools就像个“见过世面的老鸟”，风轻云淡地告诉你“哦，没找到而已，问题不大，我们继续”，然后把这个信息交给AI自己处理。
这体验，高下立判！
为啥体验差这么多？我把两个MCP的核心提示词扒出来一看，瞬间悟了！
Chrome DevTools（严父） : “必须JSON格式，不许偷懒！”
它的提示词里写死了，“你必须给我返回JSON！”，而且还限制了长度。
AI没法偷懒，只能乖乖提炼核心数据。
**
**
Playwright（慈母） : “孩子你随便拿，想要啥拿啥～”
它的提示词很宽松，“孩子你随便拿”。
结果AI为了省事，直接把整个网页HTML都扔了回来，Token能不爆吗？！
结果：严父教出的AI更高效，慈母惯出的AI更浪费！
就这么一个"强制JSON化"的简单决策，带来了速度、成本和体验上的巨大差异！
强制JSON化
↓
Token减少95% (25000 → 1500)
↓
速度提升10倍 (30秒 → 3秒)
↓
成本降低90%
↓
用户体验飞跃 (焦虑 → 轻松)
约束 > 自由
给AI明确边界 → 反而更高效
AI反馈 > 人工反馈
让AI处理AI的问题 → 只在必要时找人类
翻译一下：
Step 1: 安装MCP
├─ Claude Code用户: claude mcp add chrome-devtools npx chrome-devtools-mcp@latest
└─ Cursor用户: 在settings.json加配置
Step 2: 配置登录持久化
└─ 运行Chrome命令，一次登录永久有效
Step 3: 开始体验
└─ 试试让AI自动化你的工作流程
详细步骤：
安装（1分钟搞定）
claude mcp add chrome-devtools npx chrome-devtools-mcp@latestcodex mcp add chrome-devtools npx chrome-devtools-mcp@latest• Cursor等 IDE 用户：在settings.json里加这段：
{"mcpServers":{"chrome-devtools":{"command":"npx","args":["chrome-devtools-mcp@latest"]}}}
因为chrome devtools 每次启动都要重新登录 。 再次感谢群里@二米 大佬的方法，不然每次登录得烦死！
我们可以执行下面的提示词，Agent 就会自动安装程序 ：
# Chrome MCP 简单配置
## 目标
让Chrome MCP保持登录状态，不用每次重新登录。
## 三步搞定
### 1. 启动专用Chrome
```bash
# macOS
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome --user-data-dir="$HOME/.chrome-mcp" --remote-debugging-port=9222
# Windows
"C:Program FilesGoogleChromeApplicationchrome.exe" --user-data-dir="%USERPROFILE%.chrome-mcp" --remote-debugging-port=9222
```
### 2. 手动登录网站
在这个Chrome里登录小红书、微信等，设置会自动保存。
### 3. 正常使用MCP
在Claude Code里照常使用Chrome MCP功能，登录状态会保持。
## 完成
就这么简单！以后每次启动这个Chrome，登录状态都在。
**核心原理**：`--user-data-dir` 让Chrome把数据保存在专门目录，不会丢失。
好了，今天的“AI学习”就到这！
我是成峰，感谢你的一键三连。
