实用小技巧---如何给全部网页截图
相信大家在平时学习和工作的时候,都少不了要对网页截图。可是,如果使用一般传统的截图方法:QQ截图或者微信截图,很难做到对一个网页的全部页面截图。如下图:
因为这些截图方法,只能对电脑屏幕现在展示出来的内容截图。所以,今天我就来给大家分享一个:给全部网页截图的方法。
方便又快捷。
理论学习
我们使用谷歌浏览器,来做全网页截图的工具。接下来,我们来选取我们截图目标网页:
https://www.peekpa.com/detail/202006306403/
如果单独截屏的话,只能一张一张的截图:
如果想要截整张网页,请记住以下步骤:
- 打开开发者工具;
- 按
Shift + Ctrl + P
或者Shift + Command + P
,进入输入命令页面; - 输入
screenshot
即可。
接下来,我们通过实战来演示一下怎么实战操作。
实战演练
我们的目标网页地址:
https://www.peekpa.com/detail/202006306403/
第一步,我们打开开发者工具。
这里有两种方法可以打开谷歌浏览器的开发者工具:
- 通过页面顶端右侧的
菜单按钮 -> 更多工具 -> 开发者工具
路径打开:
- 按快捷键
Shift + Ctrl + I
或者Option + Command + I
打开:
下面红框就是传说中的开发者工具
。
第二步,打开命令输入栏。
当我们打开了开发者工具,可以直接按Shift + Ctrl + P
或者 Shift + Command + P
,进入输入命令页面:
这个红色的框框就是命令输入框。
第三步,输入命令。
第三步,直接输入screenshot
,我们就会看到:
可以发现,这里有四个screenshot
命令:
- Capture area screenshot:选取范围截图
最后截图就是选中的那一块:
- Capture full size screenshot:截图全部页面
- Capture node screenshot:截取手机版网页长图
- Capture screenshot:截取网页可视区域
这样,我们如果要截取全部页面的话,就只需要使用Capture full size screenshot
命令就可以了。是不是很方便。
技术总结
最后,我们总结一下如何使用Chrome浏览器截图网页全图:
- 打开开发者工具;
- 按
Shift + Ctrl + P
或者Shift + Command + P
,进入输入命令页面; - 输入
screenshot
即可; - 选择
Capture full size screenshot
命令就是网页全图; - 完毕。
最后安利一个小事,就是『皮爷撸码』官方网站Peekpa.com已经上线了,而且历史文章中还有详细的记录,教你怎么用Python的Django开发Peekpa.com。还不赶紧学起来?
整套教程源码获取,可以关注『皮爷撸码』,回复『peekpa.com』
想要知道更多,就去Peekpa.com
实用小技巧---如何给全部网页截图相关推荐
- rust腐蚀网页游戏_Rust腐蚀游戏中的12个实用小技巧
Rust腐蚀游戏中的12个实用小技巧 2020-08-05作者:网络来源:网络 Rust是一款第一人称生存网络游戏,有点像野外求生,但这款游戏内容则更加丰富.刺激.血腥. 在这款游戏中玩家的第一任务就 ...
- 20个你应该知道的iPhone 7实用小技巧
听说iOS 11马上就要发布,再过几个月新版iPhone8也即将上线,你真的会用你的iPhone7了吗?下面我们来介绍几个iPhone7的实用小技巧. 1.输入消息时的光标移动: 有很多新用户在疑惑输 ...
- 苹果手机计算机怎样拉到桌面,20个你应该知道的iPhone 7实用小技巧
本文由那年那个饭桶整理,未经作者授权,请勿转载,感谢您的尊重. 听说iOS11马上就要发布,再过几个月新版iPhone8也即将上线,你真的会用你的iPhone7了吗?下面我们来介绍几个iPhone7的 ...
- 手机技巧:苹果手机这8个实用小技巧
今天给大家大家分享苹果手机8个实用小技巧,你都会用吗? 1.快速搜索相机照片 相信大家的相册里的照片应该和我一样不说有几千张,几百张总是有的,有时候想找照片,又不想一张一张找怎么办?很简单,iPhon ...
- 分享几个微信实用小技巧(二)
苏生不惑第298 篇原创文章,将本公众号设为星标,第一时间看最新文章. 之前分享过分享几个微信实用小技巧 ,最近微信又更新到8.0.16版本,这里再整理几个微信实用小技巧. 检测是否被好友删除 上周分 ...
- 苹果xr十大隐藏功能_别再说苹果“悬浮球”功能不好用,隐藏的实用小技巧,每天用得上...
苹果手机悬浮球以为没用,没想到有这么多实用功能,厉害了 手机快捷键的发明,让很多人觉得自带的"悬浮球"功能没什么用,不小心误触就会跳转到其他页面,不少人觉得不好用,就将其关闭,其实 ...
- D530实用小技巧、使用中的问题、app2sd后的问题
[个人心得和D530实用小技巧]: 用WIFI上网不稳定: 我家刚开始也很不稳定.能正常连接,信号显示很好,但就是上不了网(有时又能上,不过90%的时候都上不了). WIFI显示连上但上不了网,是路由 ...
- 苹果怎么使用专业计算机,20个你应该知道的iPhone 7实用小技巧
本文由 那年那个饭桶 整理,未经作者授权,请勿转载,感谢您的尊重. 听说iOS 11马上就要发布,再过几个月新版iPhone8也即将上线,你真的会用你的iPhone7了吗?下面我们来介绍几个iPhon ...
- 网络下如何增加计算机,如何提高网速 电脑提高网速的4个实用小技巧
对于爱看电影或打游戏的人来说,网速慢.网速卡是一件非常烦人的事情,那么要如何提高网速呢?相信很多网友都想知道,下面我们就来详细介绍一下:电脑提高网速的4个实用小技巧,希望可以给你们一些帮助和启示! 如 ...
最新文章
- React-项目-引入外部的样式(14)
- go开源项目influxdb-relay源码分析(一)
- DataGridView中在新增行时怎样设置每个Cell单元格的字体样式
- C++的使用Lambda
- perl 中部分正则表达式中匹配非空字符和正常使用字符
- 数据分析,如何构建指标体系
- 问题跟踪软件URTracker和Windows域的集成
- 警惕同学录联系信息等泄露!
- 根据id查询数据(向前台返回json格式的数据)
- oracle left join行数,sql – 如何将此LEFT JOIN返回的行数限制为一个?
- [RK3399][Uboot]使用内存映射方式直接控制IO
- 搬寝室 ----- 动态规划
- 计算机启动修复取消,w7电脑启动修复无法进入操作系统怎么解决 w7系统取消启动修复的方法...
- govqq.com/post/12.html,更新30+!这些学校招生简章已公布!
- 小学期破防:BIT计科大二小学期的个人见解以及建议
- 低代码学习教程:根据身份证号码计算性别
- Python 实例 - Day1 -Turtle五环 (完结)
- 手机虚拟化--人人都只用手机了
- 前端工作随笔日记 Day01
- pptp中的pac与pns
热门文章
- sms 短信通平台 发送短信
- 微信记录恢复助手官方版
- iOS 9的App Thinning方案如何节省存储空间
- 服务器硬盘用在硬盘录像机,网络硬盘录像机是干什么用的
- 【T3】win10系统成功注册加密锁后,登录软件依然提示“产品未找到合法的license授权”
- linux轻量级进程,linux轻量级进程LWP
- 微信屏蔽网址解决办法 微信QQ已经被屏蔽的域名怎么做跳转
- 魔术表演的核心秘密(二)——障眼法是怎么实现的?
- Java快递配送管理系统
- Idea关于Module is not backed by gradle的问题(部分转)