pwdebug

用于需要通过命令行操作真实浏览器实例进行前端调试(如导航、执行 JS、截图、元素拾取、控制台日志)且希望跨多次命令复用同一浏览器会话的场景。

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "pwdebug" with this command: npx skills add dcjanus/prompts/dcjanus-prompts-pwdebug

Playwright 浏览器调试 CLI

概览

该技能提供一个基于 Playwright 的命令行工具,用于启动浏览器服务并执行导航、评估 JS、截图、元素拾取与日志监听等调试操作。当前仅支持 Chromium(通过 CDP 连接)。

快速开始

工作目录应为本文件所在目录,示例命令默认从该目录执行。 说明:必须直接执行脚本,不要用 uv run pythonpython

脚本调用方式示例:

cd skills/pwdebug && ./scripts/pwdebug.py start

错误示例:

uv run python skills/pwdebug/scripts/pwdebug.py start
python skills/pwdebug/scripts/pwdebug.py start
  1. 启动浏览器服务(常驻进程):
./scripts/pwdebug.py start
  1. 在新标签页打开页面:
./scripts/pwdebug.py nav https://example.com --new
  1. 执行 JS 表达式:
./scripts/pwdebug.py evaluate "document.title"
  1. 截图:
./scripts/pwdebug.py screenshot --full
  1. 交互式拾取元素:
./scripts/pwdebug.py pick "点击登录按钮"
  1. 监听控制台日志:
./scripts/pwdebug.py watch-logs
  1. 查看最近日志:
./scripts/pwdebug.py logs 100

说明

  • CLI 入口:./scripts/pwdebug.py
  • 日志路径:~/.cache/pwdebug/console.log.jsonl
  • 状态路径:~/.cache/pwdebug/server.json

依赖与安装

  • 脚本依赖通过 uv --script 管理。

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

tech-doc

No summary provided by upstream source.

Repository SourceNeeds Review
General

fetch-url

No summary provided by upstream source.

Repository SourceNeeds Review
General

dcjanus-preferences

No summary provided by upstream source.

Repository SourceNeeds Review
General

gitlab-mr-issue

No summary provided by upstream source.

Repository SourceNeeds Review