chrome-devtools-skill とは?
Chrome DevTools MCP を使用して、Web ページ データを取得して分析します。ユーザーが Web ページ コンテンツのスクレイピング、ページ構造の分析、データの抽出、スクリーンショットの撮影、ネットワーク リクエストの監視、または Web ページ自動化タスクの実行を行う必要がある場合は、このスキルを使用します。 ソース: steelan9199/wechat-publisher。
Chrome DevTools MCP を使用して、Web ページ データを取得して分析します。ユーザーが Web ページ コンテンツのスクレイピング、ページ構造の分析、データの抽出、スクリーンショットの撮影、ネットワーク リクエストの監視、または Web ページ自動化タスクの実行を行う必要がある場合は、このスキルを使用します。
コマンドラインで chrome-devtools-skill AI スキルを開発環境にすばやくインストール
ソース: steelan9199/wechat-publisher。
重要提示: 使用固定的 --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 ページ コンテンツのスクレイピング、ページ構造の分析、データの抽出、スクリーンショットの撮影、ネットワーク リクエストの監視、または Web ページ自動化タスクの実行を行う必要がある場合は、このスキルを使用します。 ソース: steelan9199/wechat-publisher。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skillChrome DevTools MCP を使用して、Web ページ データを取得して分析します。ユーザーが Web ページ コンテンツのスクレイピング、ページ構造の分析、データの抽出、スクリーンショットの撮影、ネットワーク リクエストの監視、または Web ページ自動化タスクの実行を行う必要がある場合は、このスキルを使用します。 ソース: steelan9199/wechat-publisher。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/steelan9199/wechat-publisher