🏞 Webshot:给网站来一个果味「带壳截图」

GitHub | Web

👉 Features:

– 输入网页 URL,生成 macOS 风格截图

– 支持调整截图背景色

– 支持将截图分享至 Twitter

👉 API:

https://2s9e3bif52.execute-api.eu-central-1.amazonaws.com/production/screenshot?url={website_url}&color={color}

Webshot 使用起来很简单,将你想要生成截图的网站 URL 输入,就会自动生成左上角红黄绿三色的经典 macOS 窗口样式。默认背景白色,和系统截图一样自带窗口阴影。同时也提供给用户选择,可通过输入 Hex Code 指定 HTML 颜色。大家可以通过 Color Picker 选择喜欢的颜色并获取十六进制码

同时,Webshot 不支持调整截屏分辨率和区域大小,默认生成 3000 x 2000 像素的截图。生成截图的文字渲染方式也无法掌控,个人体验下来效果逊于 Mac 直接截屏。希望开发者以后可以针对这些方面进行改进

👀 由于比较好奇生成原理,我在 GitHub 找到了关键 API,正是凭借这个 API 实现的「带壳截图」。该 API 由开发者 Premier Octet 进行维护,并用于自己的项目 Screen Guru,实现和最终效果和本项目相似

在查证的过程中,我还看到开发者 Sanvi Merin 在博客分享了如何利用上述 API,自己打造一个类似的前端展示页面。感兴趣的朋友可以在关联阅读找到这篇文章,如果你时不时需要对网站 / 博客主题截图并展示,Webshot 能够给你带来一种仪式感

给TA打赏
共{{data.count}}人
人已打赏
效率技巧

⌨️ Qwerty Learner:为键盘工作者设计的单词记忆与英语肌肉记忆锻炼网页

2022-7-17 13:31:15

效率技巧

🖥 Orion Browser:基于 WebKit 的轻量级浏览器

2022-7-23 22:19:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索