screenshot 网站截图服务（beta）

[star7th]

简要描述

• screenshot 是一个在线服务，功能是把网页生成图片。下面将介绍如何使用.

快速试用预览

• 浏览器中打开这个链接 https://screenshot.showdoc.com.cn/capture?format=html&url=https://www.showdoc.com.cn 将生成 showdoc 官网的截图，你可以预览下效果

请求 URL

• https://screenshot.showdoc.com.cn/capture

请求方式

• GET 或者 POST

参数

参数名	必选	类型	说明
url	是	string	需要生成截图的网页 url
width	否	int	截图里使用的窗口宽度。默认 1376
height	否	int	截图里使用的窗口高度。默认 768
format	否	string	返回的格式。可选值有 json 、file 、html 。默认值是 json ，意思是返回 json 格式的字符串。下文会给出各种返回示例

当 format=json 时的返回

  {
    "base64": "(base64 内容)",
	
  }

当 format=html 时的返回

// 它输出的是一段 hrml 代码，这段代码如果是直接浏览器访问，则会直接在用户浏览器中显示图片出来
<img src="data:image/png;base64,${base64}" >

当 format=html 时的返回

直接输出二进制文件，如果是直接浏览器访问，则弹出文件下载框来下载文件

[nexmoe]

不错

[linglin0924]

这是啥原理。获取 html 渲染吗

[star7th]

@linglin0924 是的，就是服务端渲染

[awesomes]

这种东西技术很简单，而且还有更多的比如水印、高亮元素、绕过一些网站的验证等都可以做，这个东西的重点是要在服务端跑浏览器渲染需要大量的服务资源，配置低了压根没戏，做成免费服务只怕你没这个财力

[star7th]

@awesomes 边运行边看吧，现在都没多少人用，没必要过分担心资源使用问题，大不了到时候要去登录验证+次数限制即可

[linglin0924]

@star7th

渲染可以挂在自己的家用电脑上吧，成图靠着云服务器转发。

[star7th]

@linglin0924 我不想因此而一直开着自己的电脑，所以不会考虑用家用电脑渲染

[sarices]

打不开

[iqoo]

Internal Server Error, real status: 500

[iqoo]

这种服务有风险。浏览器内核更新不及时的话，用个 1day 就入侵了。

[missdeer]

Internal Server Error, real status: 500
挂了

[star7th]

@sarices
@iqoo
被太多访问搞挂了一下。不过它会利用 k8s 的机制自动重启，过会儿就好了

[star7th]

@iqoo 没事，反正它是跑在容器里，入侵也是入侵容器

[Ritter]

用的 puppeteer 吗

[star7th]

@Ritter 是的

[zzl22100048]

让我想到了 rendertron

[AkaGhost]

持续用的话 gitbub 的 actions 去调用 headless chrome 会不会更好一些？

自己的设备浏览器可以直接截取，更新缩览图的话也可以用 actions ，不太能想通这个站点的应用场景… :thinking:

[mclxly]

类似的工具我做过，想做好太难，会遇到例如动态加载、顶部固定导航栏、超长网页(高度大于 5 万像素)等问题。

https://screenshot.showdoc.com.cn/capture?format=html&url=https://www.jd.com/
下方很多空白方块。

[star7th]

@mclxly 动态加载的，我本来想过通过模拟滚动的方式解决，但是这样又会增加资源消耗和错误率，所以就放弃了。这样的服务是挺难的，我看用户情况在决定投入多少人力和资源去做吧。多人用就花更多力气去做，少人用就少一点。

[star7th]

@wyf001912hp 其实这个服务是朋友让我做，我做完后就顺便放出来的。我想到的场景有两个：
1 ，面向设计师的产品，有时候需要提供一个功能，就是设计师输入一个网址，就生成截图给他存档。
2 ，可以生成网页海报。比如说分享年度账单截图到朋友圈之类的