什麼是 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-11
快速解答
如何安裝 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