如何为导航站获取干净的截图和内容？

大家好。

在之前我开发了两个导航站，一个开源的aigotools 和一个闭源的similarlabs。两个产品都是基于 nextjs 开发的，nextjs 部署在 vercel 或者 cf 上就有一个问题，它不方便使用 puppeteer 截图。为了截图我把截图服务单独提了出来，部署在一台服务器上，后面又发现了些问题：

1. 这个服务不常用但是需要保证稳定
2. 有部分网站首页会有隐私政策弹框和广告，会影响截图质量
3. 如何获取网站图标
4. 如何获取干净的网页内容供 ai 分析

在做了两个导航站后，我想着把这些功能抽离出来，单独做成一个服务，于是就有了 https://www.screenshotapi.online 这个网站。一个支持高质量截图、获取网页图标、网页内容的 api 工具。

核心功能

截图

1. 支持 png 、jpeg 、webp 多种图片格式、自带压缩功能
2. 支持设备模拟，内置随机 useragent ，
3. 支持自定义 viewport 、加载/等待时机
4. 支持注入 JavaScript 和 css
5. 支持全屏截图
6. 支持广告移除、隐私政策弹框移除等 gonna

网站图标

1. 从网页中提取网站图标

内容提取

1. 支持获取 markdown 格式或原始格式的网页内容

Playground

产品内置了一个 Playground ，用于调试请求和直接生成请求代码。

产品地址

https://www.screenshotapi.online