🦀 ClawHub
问专家 - Playwriter模式
by @13801201404-sys
使用 Playwriter 控制已登录的 Chrome 浏览器,通过 AI 助手获取专业建议,适合需登录账号的 AI 网站操作。
TERMINAL
clawhub install ask-expert-playwriter📖 About This Skill
问专家技能 - 使用 Playwriter 控制已登录的浏览器
技能描述
使用 Playwriter 连接用户已登录的 Chrome 浏览器,通过 Gemini 等 AI 助手获取专业建议。触发关键词
完整流程
步骤 1:打开浏览器
open -a "Google Chrome"
步骤 2:移动鼠标并点击扩展图标
# 移动鼠标到扩展图标位置 (1294, 86),等待 5 秒,点击
python3 -c "
import pyautogui
import time
pyautogui.moveTo(1294, 86)
time.sleep(5)
pyautogui.click()
"
步骤 3:创建 Playwriter 会话
playwriter session new
输出: Session X created. Use with: playwriter -s X -e "..."
步骤 4:打开网页
# 先创建页面再导航(重要!)
playwriter -s X -e 'state.page = await context.newPage(); await state.page.goto("URL")'
步骤 5:输入问题并发送
# 输入问题
playwriter -s X -e 'await state.page.keyboard.type("问题内容")'发送
playwriter -s X -e 'await state.page.keyboard.press("Enter")'
步骤 6:获取回答
# 等待一段时间后获取文本
sleep 15
playwriter -s X -e 'const text = await state.page.locator("message-content").last().textContent(); console.log(text)'或截图
playwriter -s X -e 'await state.page.screenshot({ path: "path/to/screenshot.png" })'
常见问题
Q: 扩展未连接
A: 需要用户手动点击 Chrome 右上角的 Playwriter 扩展图标,确保显示连接状态Q: page undefined 错误
A: 需要先创建页面:state.page = await context.newPage()Q: 连接断开
A: 使用playwriter session reset 重置会话,然后重新创建适用场景
技术优势
安装前置条件
1. 安装 Playwriter:npm install -g playwriter@latest
2. Chrome 安装 Playwriter 扩展:
- 扩展 ID: jfeammnjpkecdekppnclgkkffahnhfhe
- 或从 Chrome 网上应用店搜索 "Playwriter" 安装
📋 Tips & Best Practices
Q: 扩展未连接
A: 需要用户手动点击 Chrome 右上角的 Playwriter 扩展图标,确保显示连接状态Q: page undefined 错误
A: 需要先创建页面:state.page = await context.newPage()Q: 连接断开
A: 使用playwriter session reset 重置会话,然后重新创建