如何用Chrome自带的截屏功能截取超过一个屏幕的网页
提升程序员工作效率的工具/技巧推荐系列
- 推荐一个功能强大的文件搜索工具SearchMyFiles
- 介绍一个好用的免费流程图和UML绘制软件-Diagram Designer
- 介绍Windows任务管理器的替代者-Process Explorer
- 介绍一个强大的磁盘空间检测工具Space Sniffer
- 如何在电脑上比较两个相似文件的差异
- 程序员工作效率提升系列-推荐一个JSON文件查看和修改的小工具
- 将Chrome调试器里的JavaScript变量保存成本地JSON文件
- 分享一个开源的JavaScript统计图表库，40行代码实现专业统计图表
- 推荐一个短小精悍的Chrome缓存管理工具-ChromeCacheView
- 给程序员的福利-分享一个将代码转换成图片的在线网站
前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长，一个屏幕显示不下，那么操作系统自带的截图功能就没有办法截取整个屏幕了。
最近我找到一个办法，通过Chrome开发者工具自带的截图功能可以截取超过一个屏幕的完整网页视图。
下面分享给大家。
打开要截取完整屏幕的网页，打开Chrome开发者工具，按住快捷键Ctrl+Shift+P，会看到很多可用命令，
在命令提示符里输入“full”，会看到只有一个可用选项：Capture full size screenshot：
点击这个命令，Chrome就自动截取当前网页的完整图片，并且提示我们另存到本地。
大家可以看看这个效果：
是不是非常方便？大家从Chrome开发者工具的命令行里还能发现很多其他有用的功能，比如只截取网页上指定元素。
假设我想只截取bing搜索结果页面里id为b_content的元素对应的内容，
在命令里选择Capture node screenshot即可：
下图就是只截取b_content元素对应的截图结果：
要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:
关注公众号 低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。
- 上一篇
《Python编程：从入门到实践》 第6章习题
#6-1 人：使用一个字典来存储一个熟人的信息，包括名、姓、年龄和居住的城市。该字典应 #包含键first_name、last_name、age和city。将存储在该字典中的每项信息都打印出来。 informations = { 'first_name':'wang', 'last_name':'weizhong', 'city':'Guangyuan' } print(informations) #6-2 喜欢的数字：使用一个字典来存储一些人喜欢的数字。请想出5个人的名字，并将这些名字 #用作字典中的键；想出每个人喜欢的一个数字，并将这些数字作为值存储在字典中。 #打印每个人的名字和喜欢的数字。为让这个程序更有趣，通过询问朋友确保数据是真实的。 favourite_number = { 'wwz':'8', 'fp':'7', 'lmh':'6', 'aaa':'5', 'bbb':'4' } print(favourite_number) print("www喜欢的数字是：" + str(favourite_number['wwz']) + ".") #6-3 词汇表：Python...
- 下一篇
Java 异常处理 之 finally关键字
http://www.verejava.com/?id=16992983599280 package com.exception; public class TestException3 { public static void main(String[] args) { Caculator c = new Caculator(); //java.lang.ArithmeticException 数学算法异常 c.div(10, 2); System.out.println("div 执行完了"); } } class Caculator { //两个数相除 public int div(int a, int b) { int result = 0;//局部变量需要给初始值 try { //在 try catch 定义的局部变量 不能其外部访问 //当try 里面发生异常的时候 其后面的代码 ，终止执行，直接调到 catch 执行 result = a / b; System.out.println("aaaaaaa"); return result; } catch (Excepti...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7编译安装Cmake3.16.3，解决mysql等软件编译问题
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- Mario游戏-低调大师作品
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- CentOS6,7,8上安装Nginx，支持https2.0的开启
- CentOS关闭SELinux安全模块
- CentOS7设置SWAP分区，小内存服务器的救世主
- Docker安装Oracle12C，快速搭建Oracle学习环境
- Docker快速安装Oracle11G，搭建oracle11g学习环境
- CentOS7编译安装Gcc9.2.0，解决mysql等软件编译问题
微信收款码
支付宝收款码