浏览器截长图方法及工具推荐

news/2024/10/5 23:19:37/文章来源:https://www.cnblogs.com/an-shiguang/p/18269057

作者: 時光
原文: https://blog.shiguang666.eu.org/2024/06/20/2cff0738b0b5
来源: 時光的博客园子

1、使用浏览器开发者工具

一、使用浏览器开发者工具

1.1、 Chrome截图

在浏览器网页中按下F12,进入开发者工具。

输入Ctrl+Shift+P进入命令,中文界面输入截图二字,选择截取完整尺寸屏幕截图,英文界面输入Capture full size screenshot,回车(Enter)后,自动自动截取长图

image-20240620223345876

1.2、Edge截图

在Edge浏览器页面中,输入Ctrl+Shift+S => 捕获Web区域/捕获整页

image-20240620223857817

捕获Web区域:可自定义选择截图区域,滚动鼠标滑轮下拉,可长截图

捕获整页:直接截图完Web整个页面。效果非常哇塞

小贴士

对于一些懒加载的页面,可以先滑动到底部加载完所有数据后再截取屏幕

二、使用浏览器插件

2.1、截屏长图Master

image-20240620220721867

概述

使用Screen Master,这款终极浏览器扩展,轻松获取无可挑剔的全页截图。

这款免费、易用的工具将重新定义你的截图体验,确保每个细节都以像素级完美的精度被捕捉。

这是它的工作原理:

  • 在你的工具栏中找到Screen Master图标(找找拼图图标)并将其固定以便于访问。

  • 打开所需的网页。

  • 点击工具栏按钮。 - 等待一会儿,图标会变回原样。

  • 在“下载”文件夹中找到你的截图

请注意,Screen Master不支持内部页面和PDF文件

获取地址

从Chrome浏览器添加

2.2、滚动屏幕截图工具和屏幕捕获

image-20240620224643831

选择截取 Full Page ,可另存为pdf文件

image-20240620232824562

概述

滚动屏幕截图工具用于屏幕截图和屏幕共享

获取地址

从Chrome浏览器添加

三、使用软件

3.1、PixPin

启动PixPin软件后,默认快捷键Ctrl+1,启动截图,输入快捷键 L 开始长截图,滚动鼠标选择区域下载保存即可

image-20240620231252564

下载地址:https://download.pixpinapp.com/PixPin_1.8.14.0.exe

官网地址:https://pixpinapp.com/

3.2、FSCapture

PixPin_2024-06-20_23-26-03

点击截长图后会自动滚动屏幕截取长图,可另存为pdf文件

官网地址:https://www.faststonecapture.cn/

参考文章

浏览器中如何截取长图 | 内附截图神器

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/731608.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

npm-ERR-errno-4048

作者: 時光 原文: https://blog.shiguang666.eu.org/2024/06/22/45f9b42e4573 来源: 時光的博客园子这个错误代码通常时由于权限不足所导致,例如执行npm link详细报文如下: npm ERR! code EPERM npm ERR! syscall symlink npm ERR! path D:\hexo\plugins\hexo-footer-plugin …

【定制化代码生成项目】3、代码生成

作者: 時光 原文: https://blog.shiguang666.eu.org/2024/06/17/e7566f48d4f5 来源: 時光的博客园子本节重点 本节教程属于项目的第一阶段 —— 开发本地代码生成器。 重点内容:完成项目的初始化 静态文件生成 动态文件代码生成 FreeMarker 模板引擎入门及实战 动静结合 - ACM…

Linux服务器故障数据恢复

服务器数据恢复环境: LINUX操作系统的服务器;共有4块SAS磁盘组成RAID5阵列。服务器故障分析: 在运行时突然死机后,无法进入操作系统,raid一切正常。数据是存储MYSQL数据库的,系统为EXT4。检测发现是文件系统故障导致的数据丢失。服务器数据恢复过程: 1、因为RAID没有问题…

西门子PLC数据 转 CCLink IE Field Basic项目案例

西门子PLC数据 转 CCLink IE Field Basic项目案例1 案例说明设置网关采集西门子PLC数据 把采集的数据转成CCLink IE Field Basic协议转发给其他系统。2 VFBOX网关工作原理 VFBOX网关是协议转换网关,是把一种协议转换成另外一种协议。网关可以采集西门子,欧姆龙,三菱,AB PLC…

ChatMoney让你不再恋爱脑!

本文由 ChatMoney团队出品你是否曾经想过,为什么我们会在恋爱中变得如此“上头”,仿佛整个世界都围绕着那个TA旋转? 恋爱脑,通常是指一个人在恋爱中过度投入、过度依赖对方,甚至无法自拔的心理状态。 你会发现自己时时刻刻都在关注着伴侣的动向,无论对方发送什么信息,你…

[Triton课程笔记] 1.2.5 编程实战-请求Triton Server

课程链接:https://www.bilibili.com/video/BV1r3411M7rJ/?spm_id_from=333.788&vd_source=c2a322357481107ab7f418b1ae9ce618 一、同步请求二、异步请求三、share memory方式 适合client和server在同一部机器上的情况。 本文版权归作者(https://www.cnblogs.com/harrymo…

[Triton课程笔记] 1.2.3 编程实战-启动Triton Server

课程链接:https://www.bilibili.com/video/BV1WY4y1g7Vj/?spm_id_from=333.788&vd_source=c2a322357481107ab7f418b1ae9ce618 一、最简单的方式开启Triton容器 运行Triton服务二、检查服务是否准备就绪三、其他启动选项--log-verbose <integer>: 开启verbose日志信…

神经网络

神经网络 神经网络,全称为人工神经网络(Artificial Neural Networks,ANNs),是一种模拟人脑神经系统的计算模型,用于信息处理和自动化学习任务。神经网络由大量的人工神经元(节点)组成,这些节点之间通过加权连接进行交互,能够学习和解决复杂的模式识别、分类、回归和其…

SpringMVC-01-回顾MVC架构

1、什么是MVCMVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件架构模式。 它通过将业务逻辑、页面控制、显示视图分离的方法来组织代码。 主要作用是降低了视图与业务逻辑间的双向偶合。 它不是一种设计模式,而是一种架构模式。当然不同的MVC存在差异。Mo…

new Class[]{User.class}和new Object[]{user}分别是什么意思

new Class[]{User.class}: new Class[]{User.class}是一个Java语法,它表示创建了一个包含User.class的Class数组对象。在这个表达式中,`User.class`是用来获取`User`类的Class对象。在Java中,每个类在加载到内存时都会有对应的`Class`对象,它包含了描述类的结构和行为的信…

10分钟掌握Python缓存

python的不同缓存组件的使用场景和使用样例全文速览python的不同缓存组件的使用场景和使用样例 cachetools的使用项目背景 代码检查项目,需要存储每一步检查的中间结果,最终把结果汇总并写入文件中 在中间结果的存储中可以使用context进行上下文的传递,但是整体对代码改动比…

stringboot

spring boot 遇到 Identify and stop the process thats listening on port 8080 or configure this application to listen on another port. 意思是:识别并停止在端口 8080 上监听的过程,或配置此应用程序以在其他端口上收听 就是说端口被占用了,用不了,要不就修改端口,…