·chrome-devtools-skill
</>

chrome-devtools-skill

Utilisez Chrome DevTools MCP pour obtenir et analyser les données des pages Web. Utilisez cette compétence lorsque les utilisateurs ont besoin de récupérer du contenu Web, d'analyser la structure des pages, d'extraire des données, de prendre des captures d'écran, de surveiller les requêtes réseau ou d'effectuer des tâches d'automatisation Web.

12Installations·2Tendance·@steelan9199

Installation

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

Comment installer chrome-devtools-skill

Installez rapidement le skill IA chrome-devtools-skill dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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 脚本开头添加编码配置:

Utilisez Chrome DevTools MCP pour obtenir et analyser les données des pages Web. Utilisez cette compétence lorsque les utilisateurs ont besoin de récupérer du contenu Web, d'analyser la structure des pages, d'extraire des données, de prendre des captures d'écran, de surveiller les requêtes réseau ou d'effectuer des tâches d'automatisation Web. Source : steelan9199/wechat-publisher.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-10
Mis à jour
2026-03-11

Browse more skills from steelan9199/wechat-publisher

Réponses rapides

Qu'est-ce que chrome-devtools-skill ?

Utilisez Chrome DevTools MCP pour obtenir et analyser les données des pages Web. Utilisez cette compétence lorsque les utilisateurs ont besoin de récupérer du contenu Web, d'analyser la structure des pages, d'extraire des données, de prendre des captures d'écran, de surveiller les requêtes réseau ou d'effectuer des tâches d'automatisation Web. Source : steelan9199/wechat-publisher.

Comment installer chrome-devtools-skill ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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