什么是 chrome-devtools-skill？
使用Chrome DevTools MCP获取和分析网页数据。当用户需要抓取 Web 内容、分析页面结构、提取数据、截屏、监控网络请求或执行 Web 自动化任务时，请使用此技能。 来源：steelan9199/wechat-publisher。
·chrome-devtools-skill
</>
chrome-devtools-skill
✓使用Chrome DevTools MCP获取和分析网页数据。当用户需要抓取 Web 内容、分析页面结构、提取数据、截屏、监控网络请求或执行 Web 自动化任务时，请使用此技能。
如何安装 chrome-devtools-skill
通过命令行快速安装 chrome-devtools-skill AI 技能到你的开发环境
- 打开终端: 打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等）
- 运行安装命令: 复制并运行以下命令：npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
- 验证安装: 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
来源：steelan9199/wechat-publisher。
SKILL.md
查看原文重要提示: 使用固定的 --user-data-dir（如 chrome-devtools-profile），不要每次使用不同的文件夹。这样 Chrome 会记住登录状态、Cookie 和缓存，下次启动更快。
| HTTP | http://127.0.0.1:9222/json/list | 获取页面列表、基本信息 | | WebSocket | ws://127.0.0.1:9222/devtools/page/{pageId} | 实时控制页面、执行脚本 |
问题 1: Windows 中文输出乱码 现象: 抓取的中文内容显示为乱码或抛出 UnicodeEncodeError: 'gbk' codec can't encode character 原因: Windows 终端默认使用 GBK 编码，而 Python 输出 UTF-8 中文时会冲突 解决: 在 Python 脚本开头添加编码配置：
使用Chrome DevTools MCP获取和分析网页数据。当用户需要抓取 Web 内容、分析页面结构、提取数据、截屏、监控网络请求或执行 Web 自动化任务时，请使用此技能。 来源：steelan9199/wechat-publisher。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-03-10
- 更新时间
- 2026-03-10
快速解答
如何安装 chrome-devtools-skill？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
这个 Skill 的源码在哪？
https://github.com/steelan9199/wechat-publisher
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-03-10