📦 Cn Web Screenshot — Cn Web 截图
v1.0.0网页截图工具。输入URL自动捕获网页截图,支持全页截图、视口截图、移动端视图、延迟加载等待。保存为PNG格式。
运行时依赖
安装命令
点击复制技能文档
CN Web Screenshot – 基于 Playwright 的网页截图工具 功能
- 全页截图:捕获整页滚动区域
- 视口截图:仅截取当前可见区域
- 移动端视图:模拟 iPhone 6/7/8 (375×667)
- 平板视图:模拟 iPad (768×1024)
- 自定义等待:页面加载后延迟指定毫秒再截图
依赖安装 pip install playwright playwright install chromium
使用方法 # 基本截图(全页,移动端视图) python3 scripts/web_screenshot.py "https://example.com" --viewport mobile
# 视口截图 python3 scripts/web_screenshot.py "https://news.ycombinator.com" -p
# 平板视图截图 python3 scripts/web_screenshot.py "https://example.com" --viewport tablet
# 指定输出路径 python3 scripts/web_screenshot.py "https://example.com" -o /tmp/page.png
# 等待3秒后截图(SPA/React/Vue) python3 scripts/web_screenshot.py "https://example.com" --wait 3000
# 完整示例 python3 scripts/web_screenshot.py "https://example.com" --viewport mobile --wait 2000 -o /tmp/mobile.png
参数说明 目标网页 URL(必填) --viewport, -v 视口类型 mobile / tablet(默认桌面 1280×720) --partial, -p 仅截取视口可见区域 --output, -o 输出文件路径(默认 /tmp/screenshot_时间戳.png) --wait, -w 截图前等待毫秒数(默认 2000ms)
应用场景
- 网页快照存档(新闻、公告、证据留存)
- UI 变化监测(视觉回归测试)
- 社交媒体预览图
- SEO 诊断(查看渲染后内容)
- 移动端兼容性检查
注意事项
- 仅支持 Chromium,需已安装
- 登录态页面(需 Cookie/Token)无法直接截图(可结合 browser skill)
- 超长页面(>10000px)全页截图较慢
- 建议等待 1000-3000ms