截图大家都会,微信截图,或者下载截图工具Snipaste、PicPick等都可以实现。但如果要截取当前浏览器的整个页面呢?可能需要下载专门截长图的工具,比如FastStone Capture。今天要说的小技巧,是Chrome浏览器自带的,不需要下载任何工具。

▍网页截取长图操作步骤

这个技巧是在Chrome浏览器上的,其他浏览器不清楚。

在你需要截取长图的浏览器页面上按下F12,会在页面右侧额外打开一个"开发者窗口",如下图。前端会经常用到,可以对网页进行一些调试等。

△ 开发者窗口

在开发者窗口上,我们继续按快捷键:Ctr+Shift+P,会在开发者窗口界面上弹出一个运行命令的小窗口,在这里我们输入:capture或者输入full都行,在搜索的结果里面我们点击:Capture full size screenshot(截取全尺寸屏幕快照)。

△ 输入关键字

选中Capture full size screenshot,无论是鼠标点击或者键盘按下Enter,都可以使用该命令。可能要等个1s到2s,浏览器会进行截取当前页面的操作,然后观察Chrome页面最下方会进行自动下载,下载的是浏览器帮你截取的当前页面的长图。然后你点击可以查看了。查看的时候,我这里使用的是Win11自带的"照片"应用,右键选择"查看实际大小",你会发现截取的长图清晰度和原网页一模一样,非常棒!

△ 查看截取的长图

以上就是使用Chrome浏览器自带的截图命令,截取网页长图的操作步骤。

Chrome浏览器自带截长图功能,只需两个快捷键!相关推荐

  1. 什么?浏览器也可以截长图?

    什么?浏览器也可以截长图? 现在很多的手机都推出了截长图功能,未推出的系统也可以用app实现,但是当截长图的需求出现在电脑上的时候,我们该如何解决呢? 最普通的方法是一段一段截下来,然后用图片编辑软件 ...

  2. Android实现截屏和截长图功能的几种方法

    一般情况下各种型号的手机都会有自带的截屏功能,也会有诸如"开关机键+音量键"的截屏快捷键,只要手机是亮屏状态,都会将手机屏幕的可视区域(包含状态栏)全部截取下来. 如果开发中想要调 ...

  3. Android 实现截屏和截长图功能的几种方法

    欢迎大家关注我的公众号:**牛角尖尖上起舞** 一般情况下各种型号的手机都会有自带的截屏功能,也会有诸如"开关机键+音量键"的截屏快捷键,只要手机是亮屏状态,都会将手机屏幕的可视区 ...

  4. android中最新webview的功能,Android WebView实现截长图功能

    本文实例为大家分享了Android实现截长图功能的具体代码,供大家参考,具体内容如下 先看看手机自带的长截屏功能:  机型: vivo x9 plus 大胆推测实现逻辑: 1:需要一个可以滚动的Vie ...

  5. android webview 图片居中,Android WebView实现截长图功能

    本文实例为大家分享了Android实现截长图功能的具体代码,供大家参考,具体内容如下 先看看手机自带的长截屏功能:  机型: vivo x9 plus 大胆推测实现逻辑: 1:需要一个可以滚动的Vie ...

  6. 追求截图的极致-牛牛截图再添新成员-截长图功能

    很久没有写关于截图控件的文章了,借着这次截图控件新功能升级,向大家介绍一下牛牛截图! 大家知道,我们对于截图控件的功能性.易用性以及体验都有着非常高的要求,总结如下: 能力方面 我们支持多显示器.高清 ...

  7. android 截长图 方法,Android实现截屏与截长图功能

    本文实例为大家分享了Android实现截屏与截长图功能展示的具体代码,供大家参考,具体内容如下 Demo在GitHub的地址:ScreenShoot 在Android开发中,有时候会遇到需要截屏分享到 ...

  8. 截屏与截长图功能的实现

    Demo在GitHub的地址: https://github.com/Hebin320/ScreenShoot Demo在CSDN上的下载地址: http://download.csdn.net/de ...

  9. 电脑qq浏览器怎么滚动截长图_Mac系统如何轻松实现网页长截图功能

    Mac 网页长截图 在日常工作生活中,我们经常需要使用到截图功能,简单的一页截图使用常用的截图工具即可,但是有时会碰到需要截图多页内容或者整个网页,使用截图工具分页截图再拼接不仅复杂而且耗时. 那么针 ...

最新文章

  1. 一本教我们如何避免糟糕设计的书
  2. 被骗两次?黄仁勋骗过世界的14秒,英伟达押宝未来的元宇宙……
  3. 掌握管理Linux磁盘和分区的方法 创建并挂载文件系统以及 创建并管理LVM
  4. 一看就懂的动态规划入门教程
  5. PostgreSQL mysql 兼容性之 - 字符编码转换 CONVERT
  6. 格式当前时间mongodb date type
  7. android toast 自定义时间,android自定义Toast设定显示时间
  8. vue显示PDF文件
  9. 介绍会议中控系统模块化构成及功能作用
  10. linux系统怎么使用优盘,教你如何使用u盘安装Linux系统
  11. Ubuntu gbd调试
  12. 【修真院PM小课堂】什么是三种环境?
  13. python数据对比校验_Python对比数据库两张表是否一致
  14. 云服务器代理平台安装教程
  15. C# 中的委托和事件[转自http://www.cnblogs.com/jimmyzhang/archive/2007/09/23/903360.html]
  16. 黑龙江大米:正宗东北大米,源于黑土地
  17. Java封神路之多线程(第二篇),从把握整体架构到具体演示,快速掌握多线程机制
  18. Qt中LineEdit编辑框限制数字输入整理
  19. autocad Objectarx 使用setWindowArea设置打印区域后,发现与实际打印出来的区域不一致的问题
  20. ToxinPred – 多肽毒性预测、突变设计和理化性质预测

热门文章

  1. 邻接矩超详解(C/C++)
  2. php表格怎么自动排序,Excel表格怎么自动排名
  3. 人工智能与OCR识别
  4. 4.10 使用照片滤镜命令修改图像色温和色调 [原创Ps教程]
  5. log4j/log4e的使用
  6. Storm部分:Storm Grouping -- 数据流分组(各种数据分发策略的练习)【Java版纯代码】
  7. 如何部署搭建app服务端运行环境(java)?
  8. 致刚入职场的你 - 程序员的成长笔记
  9. 实验 5 递归与列表
  10. 西门子S7-200 Smart PLC下载