·chrome-devtools-skill
</>

chrome-devtools-skill

Используйте Chrome DevTools MCP для получения и анализа данных веб-страницы. Используйте этот навык, когда пользователю необходимо очистить содержимое веб-страницы, проанализировать структуру веб-страницы, извлечь данные, сделать снимки экрана, отслеживать сетевые запросы или выполнить задачи автоматизации веб-страницы.

12Установки·2Тренд·@steelan9199

Установка

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

Как установить chrome-devtools-skill

Быстро установите AI-навык chrome-devtools-skill в вашу среду разработки через командную строку

  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 для получения и анализа данных веб-страницы. Используйте этот навык, когда пользователю необходимо очистить содержимое веб-страницы, проанализировать структуру веб-страницы, извлечь данные, сделать снимки экрана, отслеживать сетевые запросы или выполнить задачи автоматизации веб-страницы. Источник: steelan9199/wechat-publisher.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/steelan9199/wechat-publisher --skill chrome-devtools-skill
Категория
</>Разработка
Проверено
Впервые замечено
2026-03-10
Обновлено
2026-03-10

Browse more skills from steelan9199/wechat-publisher

Короткие ответы

Что такое chrome-devtools-skill?

Используйте Chrome DevTools MCP для получения и анализа данных веб-страницы. Используйте этот навык, когда пользователю необходимо очистить содержимое веб-страницы, проанализировать структуру веб-страницы, извлечь данные, сделать снимки экрана, отслеживать сетевые запросы или выполнить задачи автоматизации веб-страницы. Источник: 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

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-03-10