闲来无事看到@大大的小蜗牛的友情链接页面可以调用到链接的实时网页截图,很好玩,于是搜索教程,给自己的友情链接也加上了,以下教程来源于网络,写篇日志记录下,最终完成效果就是这样了:

WordPress 的 mShots 是一个屏幕截图工具,有时候也被称为:屏幕快照工具

WordPress mShots 工作原理是:

有几点需要注意:第一次向服务发送 URL 时,它会回复 HTTP 307(临时重定向),你会得到这个图像:

等待几秒钟并再次请求 URL,您现在应该有图像了。

您可以更改图像的高度 h=500。例如:https://s0.wordpress.com/mshots/v1/https://ihaihe.cn/?w=1000&h=500

您可以通过更改 ?w=800 来更改屏幕截图的最大宽度。最大图像尺寸为 1280×960。更改宽度不会影响视口,只会影响返回图像的大小。

下面是 IP 查询 – 爬虫识别 官网的截图图片:

可以看到 WordPress mShots 当前的 User-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/99.0.4844.0 Safari/537.36 WordPress.com mShots

同时我们可以从这里查询 WordPress mShots 的 IP 地址段。

根据以上代码,我们可以把调用的图片修改为https://s0.wordpress.com/mshots/v1/你需要展现截图的网址,然后就可以在指定位置显示出来。

经过一天测试,极大的减慢了页面加载速度,已弃用……