最近需要截取一个网页长图,搜了下发现 Chrome 浏览器实现起来比较简单,顺便记录分享下。
准备:Chrome 浏览器
【1】用 Chrome 浏览器打开网页
【2】按下 F12 进入开发者工具页面
【3】点击工具栏中“切换设备”选项(图标看着像手机/Pad)
【4】左侧页面上方出现选项栏(如果需要,可以点第一项切换设备),点击最右侧的“更多选项”(图标是纵向三个点),选择 “Capture fullsize screenshot”(获取全尺寸截图)
【5】稍等片刻会有图片下载提示
点击查看下载的图片,想截取的网页长图便到手了!
个人体验:此方法对网页长图截取效果很好。此外当整个网页是一整篇文章时,例如用浏览器打开公众号文章,通过此方法完成的网页长图也是文章长文截图——方便分享、整理和保存。
此外,个人感觉该方法应该也可以为手机端保存网页长图提供思路,以及没准可以小程序实现根据网页链接给生成该链接下网页长图?记录下思路,后续或许可以尝试下。
以上,感谢阅读~