使用强大的Chrome浏览器自带截图功能

最近要使用到滚动截图功能，xnip 的滚动截图经常失败就很蛋疼，于是在网上搜了下原来 Google 也有截图功能，在这里和大家分享一下。

使用快捷键打开浏览器的控制台 Ctrl + Shift + I (Windows) || Option + Command + I (Mac)或者 “右键”-> “查看”

使用快捷键打开命令行 Command + Shift + P (Mac) || Ctrl + Shift + P (Windows)

输入Screenshot，选择Capture full size screenshot来滚动截图

选择区域：Capture area screenshot会出现一个,拉动鼠标选择要截图的区域，鼠标左键一松开就会下载选择区域对一个的图片

整个网页：Capture full size screenshot 这里以谷歌-关于为例演示

节点网页：Capture node screenshot 节点截图需要在Elements中选中要截图的html节点元素，并且节点元素必须在浏览器中可以看到，就会截图html节点对应的html内容

截出来的效果：

当前屏幕：Capture screenshot 截取浏览器当前屏幕内容，不包括控制台面板。

感谢：Chrome浏览器自带滚动截图功能

使用强大的Chrome浏览器自带截图功能相关推荐

Chrome浏览器自带翻译功能不能使用了？看我的解决方法
Chrome浏览器自带翻译功能不能使用了?看我的解决方法问题这几天,想使用Chrome浏览器自带的翻译功能时突然无法使用了!(如下图所示)一搜才知道谷歌暂停的翻译功能对中国的支持,要重新换一个翻译 ...
Chrome浏览器自带截长图功能，只需两个快捷键！
截图大家都会,微信截图,或者下载截图工具Snipaste.PicPick等都可以实现.但如果要截取当前浏览器的整个页面呢?可能需要下载专门截长图的工具,比如FastStone Capture.今天要说 ...
【Chrome 浏览器自带谷歌翻译用不了】
[Chrome 浏览器自带谷歌翻译用不了] 1. 前言 1.1 问题模拟 1.2 分析底层逻辑 2. 解决办法 2.1 实操 2.2 验证效果 3. 总结 1. 前言最近发现自己的Chrome 浏 ...
Chrome浏览器自带谷歌翻译用不了的解决方法
chrome浏览器自带的翻译用不了,改host和重定向cdn已经试过了,无效现在用插件法可以解决,安装谷歌官方的翻译插件,在浏览器上启用手动点击翻译即可 https://chrome.google. ...
H5手机移动端调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
H5手机移动端调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) 注:代码需要在服务器或测试服务器上方可看到效果 HTML: <span class="viewshare w ...
H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
H5手机页面调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) HTML: <span class="viewshare wx" data-mshare=" ...
Chrome浏览器开发新截图工具，安全浏览器截图方法
我们在使用浏览器的时候,浏览器并不是一成不变的,浏览器也在进行持续的升级优化,比如,谷歌的Chrome浏览器就正在获得一款,受到微软Edge启发的全新高级的截图工具,下文就来和大家介绍一下这款截图工具 ...
python使用selenium打开chrome浏览器时带用户登录信息
导读我们在使用selenium打开google浏览器的时候,默认打开的是一个新的浏览器窗口,而且里面不带有任何的浏览器缓存信息.当我们想要爬取某个网站信息或者做某些操作的时候就需要自己再去模拟登陆 ...
Chrome浏览器网页长截图方法
平时我们在浏览网页的时候,碰到自己喜欢的页面,想要截图而自己的显示器窗口高度有限,我下面将为大家分享这种方式,获得整个网页的截图.一起来开始吧: 首先,我们用到的浏览器是谷歌的Chrome浏览器. 第 ...

使用强大的Chrome浏览器自带截图功能

使用强大的Chrome浏览器自带截图功能相关推荐

最新文章

热门文章