【实用技巧】如何截取网页长图

最近需要截取一个网页长图,搜了下发现 Chrome 浏览器实现起来比较简单,顺便记录分享下。

准备:Chrome 浏览器

【1】用 Chrome 浏览器打开网页

640?wx_fmt=png

【2】按下 F12 进入开发者工具页面

640?wx_fmt=png

【3】点击工具栏中“切换设备”选项(图标看着像手机/Pad)

640?wx_fmt=png

【4】左侧页面上方出现选项栏(如果需要,可以点第一项切换设备),点击最右侧的“更多选项”(图标是纵向三个点),选择 “Capture fullsize screenshot”(获取全尺寸截图)

640?wx_fmt=png

【5】稍等片刻会有图片下载提示

640?wx_fmt=png

点击查看下载的图片,想截取的网页长图便到手了!

640?wx_fmt=png

个人体验:此方法对网页长图截取效果很好。此外当整个网页是一整篇文章时,例如用浏览器打开公众号文章,通过此方法完成的网页长图也是文章长文截图——方便分享、整理和保存。

此外,个人感觉该方法应该也可以为手机端保存网页长图提供思路,以及没准可以小程序实现根据网页链接给生成该链接下网页长图?记录下思路,后续或许可以尝试下。

以上,感谢阅读~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值