← 返回
未分类

cn-web-screenshot

网页截图工具。输入URL自动捕获网页截图,支持全页截图、视口截图、移动端视图、延迟加载等待。保存为PNG格式。
网页截图工具。输入URL自动捕获网页截图,支持全页截图、视口截图、移动端视图、延迟加载等待。保存为PNG格式。
yjkj999999
未分类 community v1.0.0 1 版本 100000 Key: 无需
★ 0
Stars
📥 12
下载
💾 0
安装
1
版本
#latest

概述

CN Web Screenshot - 网页截图工具

基于 Playwright 的网页截图工具,支持全页截图、视口截图、移动端/平板视图、自定义尺寸和延迟等待。

功能

  • 全页截图:捕获整个网页(超出视口的滚动区域也包含)
  • 视口截图:仅截取当前视口可见区域
  • 移动端视图:模拟 iPhone 6/7/8 尺寸 (375×667)
  • 平板视图:模拟 iPad 尺寸 (768×1024)
  • 自定义等待:页面加载后等待指定毫秒再截图(适合 JS 渲染的页面)
  • 自动协议:URL 缺少协议时自动补全 https://

依赖安装

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(必填)任意 http/https URL
--viewport, -v视口类型mobile / tablet(默认桌面1280×720)
--partial, -p仅截取视口可见区域,不全页滚动flag
--output, -o输出文件路径任意 .png 路径(默认 /tmp/screenshot_时间戳.png)
--wait, -w截图前等待毫秒数数字,默认 2000ms

应用场景

  • 存档网页快照(新闻、公告、证据留存)
  • 监测网站 UI 变化(视觉回归测试)
  • 社交媒体内容预览图
  • SEO 诊断(查看页面渲染后内容)
  • 移动端兼容性检查

注意事项

  • Chromium 仅支持,依赖系统已安装 Chromium
  • 登录态页面(如需要 Cookie/Token)无法直接截图(可结合 browser skill)
  • 超长页面(>10000px)全页截图可能较慢
  • 等待时间建议 1000-3000ms(太快 JS 未渲染,太慢浪费时间)

出品: AISoBrand|爱索品牌 — AI搜索优化工具

官网: https://aisobrand.com

免费检测你的品牌在AI搜索中有没有存在感 → 30秒出结果

版本历史

共 1 个版本

  • v1.0.0 从ClawHub迁移发布 当前
    2026-06-07 11:11 安全

安全检测

腾讯云安全 (Keen)

安全,无风险
查看报告

腾讯云安全 (Sanbu)

suspicious
查看报告

🔗 相关推荐

dev-programming

Mcporter

steipete
使用 mcporter CLI 直接列出、配置、认证及调用 MCP 服务器/工具(支持 HTTP 或 stdio),涵盖临时服务器、配置编辑及 CLI/类型生成功能。
★ 198 📥 68,248
design-media

agnes-image-gen

user_15292d5a
使用 Agnes AI 的图片生成模型生成图片,支持文生图(agnes-image-2.1-flash)和图生图(agnes-image-2.0-flash)。支持自定义 API Key,用户可使用自己的 Agnes Key。优化重点:降低
★ 1 📥 240
dev-programming

Github

steipete
使用 `gh` CLI 与 GitHub 交互,通过 `gh issue`、`gh pr`、`gh run` 和 `gh api` 管理议题、PR、CI 运行及高级查询。
★ 686 📥 331,199