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

[fuyou97]

大家好。

在之前我开发了两个导航站，一个开源的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

[easychen]

cf 好像自己就有一个截图服务吧 https://developers.cloudflare.com/browser-rendering/rest-api/

[fuyou97]

@easychen 我去，之前的文档里好像只有 browser render ，没有提供 api 的选项

[Dogxi]

现在造假营销都可以这么明目张胆了吗

[potatowish]

@Dogxi #3 正常 哥飞的徒弟们做的网站展示的用户评价都这么干，用户头像、评价内容、用户名全是 ai 生成，造假找些真实的头像都不愿意

[DOLLOR]

@Dogxi 想起前几天还有 v 友吐槽 AI 网页都是高饱和紫色、大圆角、毛玻璃、霓虹灯特效🐶

[pike0002]

这似乎跟这个插件功能相似 https://pagesaver.pixelstech.net/