在Chrome 浏览器上滚动截屏_ianly梁炎的博客-程序员宅基地_网页如何滚动截屏

技术标签: chrome  工具  截屏  

浏览器原生功能实现滚动截屏,截取整个页面;|;插件推荐「Nimbus Screenshot」
在Chrome 浏览器上滚动截屏,不需要插件和任何 app,利用 chrome 浏览器原生功能即可实现。

  1. 打开 Chrome 浏览器,进入需要截图的网站页面

  2. 打开开发者工具:在页面任何地方点击鼠标右键,在弹出菜单中选择「检查」选项。或者使用快捷键组合:option + command + i。

  3. 打开命令行(command palette):command + shift + p。

  4. 在命令行中输入「screen」,这时自动补齐功能会显示出一些包含 「Screen」 关键字的命令。移动方向键到「Capture full size screenshot」并回车,chrome就会自动下载整个页面截屏文件。


当然,这种截屏方式也支持选择部分页面区域进行截图。
1,2步同上,之后点击开发者工具左上角的「选取元素」按钮,局势那个小指针箭头,在网页中点击要截图的元素。

打开命令行,进行截图命令(方法和上面3,4步类似)。不过这里选择 「Screen」 关键字的命令中选取「Capture node screenshot」这项命令。

截取整个页面:
过程:
这里写图片描述
结果:
这里写图片描述

截取部分区域:
过程:
这里写图片描述
结果:
这里写图片描述


最后推荐一个功能很全的截图、录屏插件Nimbus Screenshot,需要翻墙安装。

Nimbus Screenshot

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ianly123/article/details/80565614

智能推荐

ccpc长春场j题_wut_zz的博客-程序员宅基地

J题:对于这个题目我首先考虑的是dp[L],表示x轴长度为L时的方案总数,然后状态转移时考虑L+1,但是无论如何都会产生一定的后效性。但是,只要求出以L+1点为右边界的圆的所有情况,这样就没有后效性了(不以L+1点为右边界的圆都可以在L中体现出来,所以L+1为右边界的圆是L+1状态的特有圆)而以L+1为右边界的圆只可能影响前10个点的状态,所以最多影响到L-9.所以对dp数组新增一维表示前10个点的状态,假设为j,j是一个10位的整数(1<<10),j的第i位为0或1表示第i个点是否被包含在圆

Maven系列第8篇:大型Maven项目,快速按需任意构建,必备神技能!相知恨晚!_hanxh7的博客-程序员宅基地

整个maven系列的内容前后是有依赖的,如果之前没有接触过maven,建议从第一篇看起,本文尾部有maven完整系列的连接。本篇涉及到的内容属于神技能,多数使用maven的人都经常想要的一种功能,但是大多数人都不知道如何使用,废话不多说,上干货。需求背景我们需要做一个电商项目,一般都会做成微服务的形式,按业务进行划分,本次我们主要以账户业务和订单业务为例,我们将这两块业务分别作为2个大...

农房一体脚本的心得记录_煮酒cos的博客-程序员宅基地

第一天首先查看了环境,发现整个工作环境是搭载在浏览器上面的,感觉用爬虫上手挺简单的尝试用谷歌来打开,结果发现不行,有一个嵌套网页显示不出来,只能用iE旧版或者360浏览器来打开,但是360运用的是chrome内核,所以先用360(后来发现其实360还是不行)技术栈方向,考虑直接http请求或者自动化selenium来操作。网页用的是aspx来渲染的,抓包查看后发现图片被神奇的加密了,用的是T:0.314578…,所以没法直接http请求完成(应该是自己菜没看的懂,后来想其实可以去静态资源那里的工具类中

Python爬虫爬取ok资源网电影播放地址_林林木林林L的博客-程序员宅基地_ok资源网

#爬取ok资源网电影播放地址#www.okzy.co#入口一:http://okzy.co/index.php?m=vod-search&wd={关键字}&submit=search#入口二:http://www.okzy.co/?m=vod-type-id-{1-34}.html# http://www.okzy.co/?m=vod-index-pg-{1-1110}.html# for x in range(1110):# print("http://www

线性模型练习题_dengxun7056的博客-程序员宅基地

1. 学习理解如何用最小二乘法的矩阵公式来得到线性回归的解,并使用numpy库来实现该算法。在研究一个问题时,从某种理论或假定出发,得到一个模型。根据这个模型,我们感兴趣的某个量有其理论值,同时可以对这个量进行实际观测,而得出其观测值。由于种种原因,如模型不完全正确以及观测有误差,理论值与观测值会有差距,这差距的平方和\[J(\theta)=\sum (理论值-观测值)^{2}\]...

基于ESXi的软路由(LEDE)与黑群晖的安装与配置_猫咪没有Fish的博客-程序员宅基地_软路由 黑群晖

之前家用黑群晖一直基于KVM的Proxmox来运行LEDE与黑群晖,后来觉得Proxmox过于复杂,于是尝试下免费的基于Vmware的ESXi。其实在驱动方面,各个系统对Vmware驱动的支持性明显优于KVM,性能方面对比起来,都不相上下。另外现在J19004盘位矿机在闲鱼上,价格十分低廉,整机价格大概约为280元一台,如果想弄一台实现家庭云存储的话,如今入手当属最佳时机。本篇教程采用的机器为华为RH2285V2 12盘位2U服务器,CPU使用E5 2418L2,24G 内存,外挂一个INTEL s

随便推点

LHL Python 飞机大战 带素材,包含代码 v0.0.2_Simple_questions的博客-程序员宅基地

飞机大战待更新import pygameimport randomimport math# 初始化pygame.init()screen = pygame.display.set_mode((800, 600))pygame.display.set_caption('LHL\'S船新版本飞机大战')icon = pygame.image.load('ufo.jpg')pyga...

STM32---ADC模数转换详解_阿槐123456的博客-程序员宅基地_adc转换方式

STM32—ADC模数转换ADC的基本特征Analog-to-Digital Converter的缩写。指模/数转换器或者模拟/数字转换器。是指将连续变量的模拟信号转换为离散的数字信号的器件。典型的模拟数字转换器将模拟信号转换为表示一定比例电压值的数字信号。stm32——ADC简介STM32 拥有 1~3 个 ADC(STM32F101/102 系列只有 1 个 ADC),这些 ADC 可以独立使用,也可以使用双重模式(提高采样率)。STM32 的 ADC 是 12 位逐次逼近型的模拟数字转换器。

防重复提交_bgn190215的博客-程序员宅基地_防重复提交js

1.什么是幂等2.产生原因3.解决方案 ①配置注解 ②实例化锁 ③AOP 切面 ④注解使用案例1.什么是幂等简单来说就是结果一致在我们编程中常见幂等select查询天然幂等delete删除也是幂等,删除同一个多次效果一样update直接更新某个值的,幂等update更新累加操作的,非幂等insert非幂等操作,每次新增一条2.产生原因由于重复点击或者网络重发 eg:点击提交按钮两次;点击刷新按钮;使用浏览器后退按钮重复之前的操作,导致重复提交表单;使用浏览器历史记录重复提交表

scala中循环守卫_Scala中的循环_cumt951045的博客-程序员宅基地

scala中循环守卫 Scala中的循环 (Loops in Scala)In programming, many times a condition comes when we need to execute the same statement or block of code more than one time. It could be difficult to write the sa...

Suspense_EDB的博客-程序员宅基地

// React.lazy 一般用来做代码分割, 且必须放到 suspense 下面const OtherComponent = React.lazy(() => import('./OtherComponent'));// 只要放到 suspense 下面就可以,不一定是直接子级。 fallback 接受任意的 react element, 表示等待下面的组件加载的时候显示的内容。f...

习题4-7 最大公约数和最小公倍数 (15 分)_信处的博客-程序员宅基地

浙大版《C语言程序设计(第3版)》题目集习题4-7 最大公约数和最小公倍数 (15 分)二、题解c代码习题4-7 最大公约数和最小公倍数 (15 分)本题要求两个给定正整数的最大公约数和最小公倍数。输入格式:输入在一行中给出两个正整数M和N(≤1000)。输出格式:在一行中顺序输出M和N的最大公约数和最小公倍数,两数字间以1空格分隔。输入样例1:511 292输出样例1:73 2044二、题解辗转相除法定理:两个整数的最大公约数等于其中较小的那个数和两数相除余数的最大公约数。最