·chrome-devtools-skill
</>

chrome-devtools-skill

Chrome DevTools MCP を使用して、Web ページ データを取得して分析します。ユーザーが Web ページ コンテンツのスクレイピング、ページ構造の分析、データの抽出、スクリーンショットの撮影、ネットワーク リクエストの監視、または Web ページ自動化タスクの実行を行う必要がある場合は、このスキルを使用します。

12インストール·2トレンド·@steelan9199

インストール

$npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill

chrome-devtools-skill のインストール方法

コマンドラインで chrome-devtools-skill AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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-skill
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-10
更新日
2026-03-11

Browse more skills from steelan9199/wechat-publisher

クイックアンサー

chrome-devtools-skill とは?

Chrome DevTools MCP を使用して、Web ページ データを取得して分析します。ユーザーが Web ページ コンテンツのスクレイピング、ページ構造の分析、データの抽出、スクリーンショットの撮影、ネットワーク リクエストの監視、または Web ページ自動化タスクの実行を行う必要がある場合は、このスキルを使用します。 ソース: steelan9199/wechat-publisher。

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 で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/steelan9199/wechat-publisher