我花两天时间,做了一个极简的在线网页快照生成工具

2018-01-16 20:36:03 +08:00
 zhtphoenix

最近偶然看到很强大的网页抓取工具 headless chrome。学习了一下,很快就写了个小网页放到网上。

很简单的功能,输入一个网址,生成手机和桌面版本的全屏截图。(支持某些不存在的站点)

放出地址, 请各位把玩把玩 http://www.91urls.com

我在想这个东西有没有往后做的可能,比如把大家生成截图的网址列出来,大家可以点赞、收藏、评论。 问题是 url 可能包罗万象,没有集中的兴趣点。

各位有什么想法,一起探讨一下,顺便帮我带点流量过来。

10100 次点击
所在节点    分享创造
50 条回复
shenyu1996
2018-01-17 11:07:49 +08:00
使用的 puppeteer 么?后台的服务器是 linux 么,昨天我也在搞这个抓了下 b 站我账号下的动态更新,windows 下运行没问题,但是想跑在服务器上有点麻烦
julu
2018-01-17 11:18:53 +08:00
体验了下,很实用
Sunrise837
2018-01-17 11:22:39 +08:00
类似 360IE 插件有个功能 保存网页为图片。
v9ex
2018-01-17 11:47:51 +08:00
测试了下草榴,发现可以,服务器在香港?
https://ww4.sinaimg.cn/large/a15b4afegy1fnjgknhx3vj20dc0hs75d
zhtphoenix
2018-01-17 11:56:34 +08:00
@shenyu1996 是 puppeteer, 在 ubuntu 上跑的
LeungJZ
2018-01-17 11:57:29 +08:00
挂了。
zhtphoenix
2018-01-17 12:03:14 +08:00
@v9ex 阿里云新加坡服务器
stalon
2018-01-17 12:15:25 +08:00
https://developers.google.com/web/updates/2017/04/headless-chrome

Taking screenshots

To capture a screenshot of a page, use the --screenshot flag:

chrome --headless --disable-gpu --screenshot https://www.chromestatus.com/

# Size of a standard letterhead.
chrome --headless --disable-gpu --screenshot --window-size=1280,1696 https://www.chromestatus.com/

# Nexus 5x
chrome --headless --disable-gpu --screenshot --window-size=412,732 https://www.chromestatus.com/
Running with --screenshot will produce a file named screenshot.png in the current working directory. If you're looking for full page screenshots, things are a tad more involved. There's a great blog post from David Schnurr that has you covered. Check out Using headless Chrome as an automated screenshot tool .
ArchiTech
2018-01-17 15:25:53 +08:00
和我最近做的这个原理一样呀~ https://www.v2ex.com/t/416516

楼主有机会咱们可以交流交流~
marcomarco
2018-01-17 15:40:03 +08:00
有点意思,收藏了,希望拓展出更多功能,比如一键给整站截图 手动斜眼
hydyy
2018-01-17 15:45:20 +08:00
好玩好玩
jkjoke
2018-01-17 15:51:40 +08:00
挺不错的
MonoLogueChi
2018-01-17 16:26:02 +08:00
xuyl
2018-01-17 16:27:47 +08:00
woffee
2018-01-17 18:26:06 +08:00
上班呢,楼上干什么呢(斜眼笑
livc
2018-01-17 19:53:11 +08:00
不错,收藏了。
nexusone
2018-01-17 20:08:22 +08:00
楼主的这个很 nice 啊,但是楼上的咱就别拿黄网做测试了
zhtphoenix
2018-01-17 20:23:59 +08:00
@nexusone 老实说我做了这个后,才发现了好多本来不知道的小黄网,精神食粮更丰富了,感谢兄弟们
exuxu
2018-01-17 21:10:25 +08:00
什么?小黄网,哪里哪里?
wvidc
2018-01-17 21:30:12 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/423443

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX