·chrome-devtools-skill
</>

chrome-devtools-skill

Verwenden Sie Chrome DevTools MCP, um Webseitendaten abzurufen und zu analysieren. Verwenden Sie diese Fähigkeit, wenn Benutzer Webseiteninhalte durchsuchen, Seitenstrukturen analysieren, Daten extrahieren, Screenshots erstellen, Netzwerkanfragen überwachen oder Web-Automatisierungsaufgaben durchführen müssen.

12Installationen·2Trend·@steelan9199

Installation

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

So installieren Sie chrome-devtools-skill

Installieren Sie den KI-Skill chrome-devtools-skill schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

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

Verwenden Sie Chrome DevTools MCP, um Webseitendaten abzurufen und zu analysieren. Verwenden Sie diese Fähigkeit, wenn Benutzer Webseiteninhalte durchsuchen, Seitenstrukturen analysieren, Daten extrahieren, Screenshots erstellen, Netzwerkanfragen überwachen oder Web-Automatisierungsaufgaben durchführen müssen. Quelle: steelan9199/wechat-publisher.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-03-10
Aktualisiert
2026-03-10

Browse more skills from steelan9199/wechat-publisher

Schnelle Antworten

Was ist chrome-devtools-skill?

Verwenden Sie Chrome DevTools MCP, um Webseitendaten abzurufen und zu analysieren. Verwenden Sie diese Fähigkeit, wenn Benutzer Webseiteninhalte durchsuchen, Seitenstrukturen analysieren, Daten extrahieren, Screenshots erstellen, Netzwerkanfragen überwachen oder Web-Automatisierungsaufgaben durchführen müssen. Quelle: steelan9199/wechat-publisher.

Wie installiere ich chrome-devtools-skill?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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