谷歌浏览器怎么长截图怎么截_电脑谷歌浏览器截长图方法详解

电脑谷歌浏览器截长图方法详解

我们平时在浏览网页时,想把碰到好的网页内容或者文章截屏保存,但是网页的长度常常会超出屏幕高度,一般的截屏功能只能截取显示在屏幕上的内容,那我们该如何方便快捷截取全部内容?今天就分享一个如何利用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)

以上就是关于谷歌浏览器截长图方法详解教程全部内容,更多精彩,请继续关注浏览器评测网谷歌浏览器专区。

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

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

相关文章

2017年终奖发放,程序员人均11776元排名第一!

又到了一年一度的“晒年终奖”时刻了!你敢晒一波吗?快过年了,又到了一年一度的年终奖盘点时间!此可谓扎心扎心再扎心!那么,你2017年的年终奖有多少?满意不?2017年全国白领人均年终奖…

软件工程师,你的价值在哪里?

前阵子我好奇的问了一下几个职场上的朋友,想知道他们对于日后职场生涯的计划,他们的答案颇让我玩味,虽然心里早有了些底。大部分的软件工程师一开始或许是对软件还颇有兴趣,加上也还称的上得心应手,因此便踏入了这一行…

因MemoryCache闹了个笑话

前言是这么一回事:我正在苦思一个业务逻辑,捋着我还剩不多的秀发,一时陷入冥想中……突然聊天图标一顿猛闪,打开一看,有同事语音;大概意思是:同事把项目中Redis部分缓存换成MemoryCache/Memcach…

单片机c语言位运算写法,单片机与嵌入式系统中C语言的位运算小记

原标题&#xff1a;单片机与嵌入式系统中C语言的位运算小记编了个PIC的项目&#xff0c;对里的还是蛮有感悟的&#xff0c;特此记录一下。譬如说&#xff0c;在程序中定义了一个char类型的变量&#xff0c;purge_short_enable_flag&#xff0c;//bit<0>-- start short ci…

wenstorm设置谷歌_WebStorm+Chrome调试Vue步骤

在调试时请 注意:在WebStorm中启动调试时&#xff0c;WebStorm会根据你设置的url&#xff0c;自动打开新的Chrome浏览器进程访问这个设置的url&#xff0c;而且这个浏览器页面和你平常看到的浏览器差异会比较大&#xff0c;看不到书签栏&#xff0c;也看不到你先前所装的所有插…

Coursera吴恩达《卷积神经网络》课程笔记(1)-- 卷积神经网络基础

推荐阅读时间&#xff1a;8min~15min主要内容&#xff1a;卷积神经网络《Convolutional Neural Networks》是Andrw Ng深度学习专项课程中的第四门课。这门课主要介绍卷积神经网络&#xff08;CNN&#xff09;的基本概念、模型和具体应用。该门课共有4周课时&#xff0c;所以我将…

反转一个整数

原型&#xff1a;unsigned Reverse(unsigned int n) ; 我的代码&#xff1a;用了浮点函数log10, pow不仅效率低&#xff0c;还会损失精度。 1 unsigned Reverse(unsigned n)2 {3 intdigits (int)log10((double)n) ;4 5 intr 0;6 while(n)7 {8 intt n %10;9 r t *pow((double)10…

如何友好的处理 WebApi 中抛出的错误

微软的 ASP.NET Web API 是一个轻量级的web框架&#xff0c;可用来构建基于 http 无状态的rest服务&#xff0c;异常是一种运行时错误&#xff0c;异常处理是一种处理运行时错误的技术&#xff0c;每一个开发者都应该知道如何处理 Web API 中的异常&#xff0c;并且在 Action 中…

纯c语言实现的改进暗通道去雾算法测试程序(附赠大量测试图像),基于改进暗通道先验算法的图像去雾...

邱清辉摘要&#xff1a;针对普通暗通道先验算法去雾能力的不足&#xff0c;本文提出了一种改进算法&#xff0c;通过采用高斯平滑将原图像分为基础子图和细节子图&#xff0c;基础子图采用暗通道先验算法&#xff0c;细节子图采用gamma变换方法&#xff0c;再采用图像融合进行融…

第jiu届蓝桥杯单片机省赛真题_第九届蓝桥杯单片机组省赛试题.pdf

第九届蓝桥杯单片机组省赛试题“彩灯控制器”的程序设计与调试 (70 分)一、基本要求1.1 使用CT107D 单片机竞赛板&#xff0c;完成“彩灯控制器”功能的程序设计与调试&#xff1b;1.2 设计与调试过程中&#xff0c;可参考组委会提供的“资源数据包”&#xff1b;1.3 Keil 工程…

为什么离开学校后,学习能力直线下降?

最近几年&#xff0c;人工智能浪潮层层推进&#xff0c;对各大科技公司产生巨大影响。百度推出Apollo无人车计划&#xff0c;阿里建立达摩院&#xff0c;腾讯成立的AI Lab虽布局较晚却也不甘人后。ChinaAI已是大势所趋&#xff0c;吸引的不仅是大公司&#xff0c;更有许多人工智…

android6.0重力工具箱,重力工具箱 GravityBox For Android8.0/8.1(Oreo)稳定版发布!

作为功能最强大的Xposed框架模块之一&#xff0c;重力工具箱 GravityBox的更新适配一直也是最积极的&#xff0c;本次发布的8.x专用版本也算是比较及时&#xff0c;每一个大的Android版本&#xff0c;重力工具箱基本都会有一个专门的版本来适配&#xff0c;当然基础功能也会略有…

如何在 ASP.Net Core 中使用 MediatR

MediatR 是一个 中介者模式 的.NET开源实现&#xff0c; 中介者模式 管控了一组对象之间的相互通讯并有效的减少了对象之间错综复杂的相互依赖&#xff0c;在 中介者模式 中&#xff0c;一个对象不需要直接和另一个对象进行通讯&#xff0c;而是通过 中介者 进行转达&#xff0…

pythonjson数据提取_python爬虫学习笔记(十)-数据提取之JsonPath的使用

1. JSON与JsonPATHJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式&#xff0c;它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。适用于进行数据交互的场景&#xff0c;比如网站前台与后台之间的数据交互。JSON和XML的比较可谓不相上下。Pyt…

全球100款大数据工具汇总(前50款)

01 Talend Open Studio是第一家针对的数据集成工具市场的ETL(数据的提取Extract、传输Transform、载入Load)开源软件供应商。Talend的下载量已超过200万人次&#xff0c;其开源软件提供了数据整合功能。其用户包括美国国际集团&#xff08;AIG&#xff09;、康卡斯特、电子港湾…

NLP快速入门:手把手教你用HanLP做中文分词

导读&#xff1a;随着自然语言处理(Natural Language Processing, NLP)技术日趋成熟&#xff0c;实现中文分词的工具也越来越多。中文分词技术作为中文自然语言处理的第一项核心技术&#xff0c;是众多上层任务的首要基础工作&#xff0c;同时在日常的工作中起着基础性的作用。…

微信小程序android错误,app安卓端 跳转到微信小程序失败

详细问题描述(DCloud产品不会有明显的bug&#xff0c;所以你遇到的问题大都是在特定环境下才能重现的问题&#xff0c;请仔细描述你的环境和重现方式&#xff0c;否则DCloud很难排查解决你的问题)[内容] app安卓端跳转到微信小程序失败重现步骤 一直失败[步骤] 微信小程序关联了…

动态内存(Dynamic Memory),微软的内存过量分配技术?

Hyper-V不支持Memory Overcommitment&#xff0c;一直为VMware和其他虚拟化厂商所诟病。当然&#xff0c;微软一直不承认这是他们的软肋&#xff0c;认为为了保证生产环境VM的性能&#xff0c;过量分配内存是不合时宜的。但是&#xff0c;微软的态度似乎突然转变&#xff0c;3月…

openlayers地图旋转_OpenLayers的使用---- 一个完全免费开源的地图JS库

OpenLayers很容易的在网站里放置动态地图。它能显示展开图及从资源中加载地图标记及矢量数据。它被开发出尽可能的使用所有的地图信息。并且它是完全免费及开源的.详细了解可去它的官网&#xff1a;http://openlayers.org/简单使用&#xff0c;如展示一个块地图.mymap {height:…

程序员上帝视角解读“旅行青蛙”,你的呱真的在旅行嘛?

来源&#xff1a;知乎作者&#xff1a;黄小秋原文链接&#xff1a;https://www.zhihu.com/question/68733553/answer/305463907导语&#xff1a;知乎有位程序员大佬&#xff0c;为了让老母亲老父亲们理解自己的呱究竟在干什么&#xff0c;于是花了五个晚上逆向游戏程序逻辑&…