Chrome 浏览器如何完美实现滚动截图技巧

2024-06-05 10:27:51

一、前言

我们平时在浏览网页时，想把碰到好的网页内容或者文章截屏保存，但是网页的长度常常会超出屏幕高度，一般的截屏功能只能截取显示在屏幕上的内容，那我们该如何方便快捷截取全部内容？今天就分享一个如何利用Chrome浏览器在不安装第三方软件的情况下直接截取网页的方法。

二、如何利用Chrome浏览器截屏

1、选择Chrome浏览器，打开需要截图的网页；

2、页面加载完成后，按下快捷键组合 Ctrl+Shift+I（Windows）/F12 或者 Alt+Command+I（Mac）调出开发者工具，具体如下图所示：

3、开发者工具中，按下快捷键组合Ctrl+Shift +P(Windows) 或 Command+Shift+P(Mac)来打开命令行，具体如下图所示：

4、在命令行中输入"Screen"，可以看到三个选项，根据不同需求进行选择，具体如下图所示：

◆ 整个网页：Capture full size screenshot

◆ 节点网页：Capture node screenshot

◆ 当前屏幕：Capture screenshot

三、应用

1、截取整个网页的内容，进行截屏（Capture full size screenshot）

2、选择需要的元素节点，进行截屏（Capture node screenshot）

3、根据当前当前屏幕的大小，进行截屏（Capture screenshot）

四、总结

如果你想在网页中截取手机的画面截，可通过快速键 Ctrl + Shift + M（Mac为 Command + Shift + M）来开启模拟工具，切换 iPhone、iPad、Nexus、Galaxy 等装置开启网页的显示情形，再根据上面介绍的截图功能抓取网页在手机显示的画面截图，具体如图所示：

利用Chrome浏览的开发者工具，完美实现网页全屏截图，不需要安装任何插件，大家快来试试吧。

① Ctrl+Shift+I（F12）

② Ctrl+Shift+P

③ 输入"Screen"

④ 选择不用的方式截取：

▶ 整个网页（Capture full size screenshot）

▶ 节点网页（Capture node screenshot）

▶ 当前屏幕（Capture screenshot）

优秀是一种习惯，欢迎大家关注学习

转载于:https://www.cnblogs.com/1312mn/p/9407647.html

Chrome 浏览器如何完美实现滚动截图技巧相关推荐

Chrome浏览器如何完美实现滚动截图技巧
Chrome浏览器如何完美实现滚动截图技巧 - Chrome插件网一.前言我们平时在浏览网页时,想把碰到好的网页内容或者文章截屏保存,但是网页的长度常常会超出屏幕高度,一般的截屏功能只能截取显示在 ...
Chrome 浏览器如何完美实现滚动截图技巧,在电脑上实现长截屏
一.前言我们平时在浏览网页时,想把碰到好的网页内容或者文章截屏保存,但是网页的长度常常会超出屏幕高度,一般的截屏功能只能截取显示在屏幕上的内容,那我们该如何方便快捷截取全部内容?今天就分享一个如何利 ...
Chrome浏览器如何完美实现滚动截图技巧，无需下载插件
打开网页检查功能标题选中截屏范围标题打开浏览命令输入窗口标题输入命令,选择第二项截图整个网页标题最终显示效果(我这里选择的百度,网页没有超出一个屏的长度,不管页面有多长都可以全部截 ...
谷歌浏览器怎么长截图怎么截_Chrome浏览器如何完美实现滚动截图技巧
Awesome screenshot是一款针对谷歌浏览器所推出的辅助chrome浏览器插件.这款谷歌览器截图插件功能强大,是chrome用户一个非常实用的截屏扩展软件,同时截屏之后还可以直接对图片进行 ...
解决chrome浏览器中鼠标滚轮滚动事件失效的问题
今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中,鼠标滚轮上下滚动时,页面不动的问题,后查询相关资料后解决,具体方法是加入如下代码: <script type=" ...
Chrome 浏览器实现滚动截图技巧
调出开发者工具:单击右键➡️选择检查 ➡️开发者工具中,按下快捷键组合Ctrl+Shift +P(Windows) 或 Command+Shift+P(Mac)来打开命令行 ➡️在命令行中输入&quo ...
Chrome自带滚动截图
滚动截屏通常需要装第三方软件,又要面临到底装哪个截图软件最好用,其实Chrome浏览器就自带滚动截屏功能. 使用快捷键打开浏览器的控制台 Ctrl + Shift + I (Windows) || O ...
chrome浏览器收藏夹小技巧
哈哈,发现一个chrome浏览器的收藏夹的小技巧. 一直感觉chrome浏览器的收藏夹位置的长度不够用,这里就将比较常用的名字去掉,这样可以大大加大位置利用率. 新的开始,扬帆起航!
使用Chrome浏览器实现网页长截图无需安装插件
有些网页比较长,一屏装不下,需要拉动滚动条才行,这种网页我们想截图截取全部内容时就比较困难如果使用的是Chrome浏览器,可以使用如下方法截图: 打开网页后按快捷键 F12 打开移动设备预览模式( ...

最新文章

热门文章