前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【实用技巧】如何截取网页长图

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

作者头像
TTTEED
发布2020-07-09 14:48:48
1.5K0
发布2020-07-09 14:48:48
举报
文章被收录于专栏:用户6811391的专栏

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

准备:Chrome 浏览器

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

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

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

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

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

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

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

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

以上,感谢阅读~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-11-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 TTTEED 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档