免费的网页截图桌面工具 —— 无需编写代码

无需编写任何代码,即可从您的桌面捕获任何网页为高质量图片。

目录


什么是 PageOps 截图工具?

PageOps 截图工具是一款适用于 Windows 和 macOS 的免费开源桌面应用程序。 它在 PageOps 截图 API 之上提供了一个简单的图形界面,让任何人都能无需编码即可捕获网页截图。

该应用可免费下载使用。您只需要一个 PageOps API 密钥即可开始——我们提供免费套餐,每月包含 500 次截图。


适用人群

  • 电商团队 — 监控多个店铺的产品页面、价格变化和促销活动。
  • 市场与内容团队 — 归档活动页面并生成可视化报告。
  • 竞品分析师 — 随时间推移直观地跟踪竞争对手网站。
  • QA 工程师 — 在特定视口捕获页面,用于视觉回归测试。
  • 合规与法务团队 — 将网页归档为带时间戳的图像,用于记录保存。


快速上手 (5 步)

第 1 步 — 获取免费 API 密钥

做什么:您需要一个 PageOps API 密钥来驱动截图引擎。

为什么:桌面应用会代表您向 PageOps API 发送截图请求。API 密钥用于标识您的账户。

怎么做:访问 app.page-ops.com,注册一个免费账户,然后进入API 密钥页面并创建一个新密钥。

验证:您的密钥应类似一串以特定前缀开头的长字母数字字符串。复制它——您稍后会将其粘贴到应用中。

常见错误:请勿公开分享您的 API 密钥或将其提交到 Git 仓库。

第 2 步 — 下载并安装应用

做什么:下载适用于您平台的安装程序。

为什么:该应用在您的本地机器上运行——无需浏览器扩展或服务器设置。

怎么做:前往 GitHub 发布页面并下载:

  • Windows: PageOps Screenshot Tool Setup x.x.x.exe (安装程序) 或 PageOps Screenshot Tool x.x.x.exe (便携版,无需安装)
  • macOS: PageOps Screenshot Tool-x.x.x.dmg (Intel) 或 PageOps Screenshot Tool-x.x.x-arm64.dmg (Apple Silicon)

验证:启动应用,确认主窗口正常打开。

常见错误 (macOS):如果 macOS 以“无法识别开发者”为由阻止应用,请右键单击应用图标 → 打开 → 再次点击打开以绕过 Gatekeeper。

第 3 步 — 输入您的 API 密钥

做什么:将您的 API 密钥粘贴到应用顶部的PageOps API 密钥字段中。

为什么:应用需要您的密钥来验证每个截图请求。

怎么做:打开应用 → 找到PageOps API 密钥字段 → 粘贴您的密钥。应用会自动保存它供后续会话使用。

验证:该字段应显示您的密钥(部分被屏蔽)。

常见错误:不要手动包含单词“Bearer”——应用会自动添加。

第 4 步 — 输入 URL 并截图

做什么:输入您想要截图的网页 URL。

为什么:URL 是 API 将要访问和呈现的目标页面。

怎么做:将完整 URL(包括 https://)粘贴到目标 URL字段中,然后点击捕获

验证:几秒钟后,结果面板中会显示一个缩略图预览。

常见错误:确保 URL 是公开可访问的。对于需要身份验证的页面,请参阅下面的捕获需登录的页面部分。

第 5 步 — 下载截图

做什么:将捕获的图像保存到您的本地机器。

为什么:截图在应用中只是临时显示——需要下载它以保留永久副本。

怎么做:点击缩略图下方的下载按钮,并选择 PNG 或 JPEG 格式。

验证:文件被保存到您选择的目录。

常见错误:如果下载按钮显示为灰色,可能捕获仍在进行中。请等待缩略图完全加载。


核心功能

  • 单次与批量捕获 — 捕获一个 URL 或在批量模式下一次捕获最多 20 个 URL。
  • 自定义视口 — 设置宽度和高度以模拟任何设备(台式机、平板电脑、手机)。
  • 整页截图 — 捕获整个页面,而不仅仅是可见区域。
  • 元素选择器 — 使用 CSS 选择器捕获页面上的特定元素。
  • 延迟 — 在捕获前添加等待时间,以确保动态内容(轮播图、懒加载图片)加载完成。
  • 自定义请求头与 Cookies — 访问需要身份验证或受地理限制的页面。
  • 水印 — 在下载前为截图添加文字或图片水印。
  • 海报生成 — 将多张截图组合成可分享的海报布局。
  • 预设 — 保存并复用您的捕获配置。
  • 网络控制台 — 实时检查 API 请求和响应,便于调试。
  • 本地历史记录 — 浏览当前会话中捕获的所有截图。


捕获需登录的页面

有些页面需要登录会话才能显示内容。您可以将浏览器 Cookies 传递给应用,以便 API 能够代表您访问这些页面。

方法 1 — 浏览器控制台(推荐)

  1. 在 Chrome 或 Edge 中打开目标网站并登录。
  2. F12 打开开发者工具 → 转到控制台标签页。
  3. 粘贴并运行以下命令:
document.cookie.split(';').map(c => c.trim()).join('\n')
  1. 复制输出内容,并将其粘贴到应用中的Cookies字段。

方法 2 — 网络标签页

  1. F12 → 转到网络标签页。
  2. 刷新页面。
  3. 点击任意请求 → 标头 → 找到 Cookie 请求头。
  4. 复制其值,并将其作为 JSON 格式粘贴到应用中的Headers字段:
{ "Cookie": "name1=value1; name2=value2" }

Cookie JSON 格式

[
  { "name": "session", "value": "abc123", "domain": "example.com", "path": "/" }
]


常见问题解答

桌面应用真的免费吗?

是的。桌面应用本身是免费开源的。使用它需要一个 PageOps API 密钥——免费套餐每月包含 500 次截图,无需付费。 如有更高需求,我们还提供付费方案。请查看 定价页面

它支持 macOS Apple Silicon (M1/M2/M3) 芯片吗?

是的。我们为 Apple Silicon Mac 提供了原生的 arm64 构建版本。从发布页面下载 -arm64.dmg 文件可以获得最佳性能。

我可以捕获需要登录的页面吗?

可以。使用CookiesHeaders字段将您的身份验证会话传递给 API。 分步说明请参考上方的捕获需登录的页面章节。

一次可以捕获多少个 URL?

批量模式每批次最多支持 20 个 URL。URL 会按顺序处理。对于更大批量的需求,请考虑直接使用 PageOps API

我的截图保存在哪里?

截图不会自动保存到磁盘。您必须在每个结果上点击下载按钮才能保存。应用会在运行时保留会话历史记录,但当您关闭应用时,历史记录会被清空。


后续步骤与相关阅读