如何用Chrome自带的截屏功能截取超过一个屏幕的网页

2018-09-08 573

提升程序员工作效率的工具/技巧推荐系列

前端开发人员经常需要将当前的网页截图发给产品经理讨论。如果网页很长，一个屏幕显示不下，那么操作系统自带的截图功能就没有办法截取整个屏幕了。

最近我找到一个办法，通过Chrome开发者工具自带的截图功能可以截取超过一个屏幕的完整网页视图。

下面分享给大家。

打开要截取完整屏幕的网页，打开Chrome开发者工具，按住快捷键Ctrl+Shift+P，会看到很多可用命令，

在命令提示符里输入“full”，会看到只有一个可用选项：Capture full size screenshot：

点击这个命令，Chrome就自动截取当前网页的完整图片，并且提示我们另存到本地。

大家可以看看这个效果：

是不是非常方便？大家从Chrome开发者工具的命令行里还能发现很多其他有用的功能，比如只截取网页上指定元素。

假设我想只截取bing搜索结果页面里id为b_content的元素对应的内容，

在命令里选择Capture node screenshot即可：

下图就是只截取b_content元素对应的截图结果：

要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:

微信关注我们

原文链接：https://yq.aliyun.com/articles/637337

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道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...

2018-09-09

603

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...

2018-09-10

469

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

如何用Chrome自带的截屏功能截取超过一个屏幕的网页