谷歌Chrome 使用自带截屏功能

最新推荐文章于 2024-08-10 07:12:34 发布
最新推荐文章于 2024-08-10 07:12:34 发布
阅读量2.4k 收藏
点赞数
分类专栏： chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42103479/article/details/88848797
版权

不少浏览器都自带截屏功能了。尤其是像chrome如此强大的浏览器，比较可惜的是 Chrome 目前并没有很明显地将这个功能展示出来，分享一个可以不需要任何软件或者插件就可以直接整屏截取网页的方法！（限制是只能截取本网页的截屏）

第一步：打开chrome开发者工具。

打开你想截图的网页，然后按下 F12（macOS 是 option + command + i）调出开发者工具，接着按「Ctrl + Shift + P」（macOS 是 command + Shift + P）。紧接着输入指令 capture，它会提示有三个选项，如下图所示：

                     

分别是截取全屏、node 模式以及当前范围，用鼠标点击或者用键盘选择对应的就可以

 

服务猿
关注
专栏目录
Chrome DevTools攻略
数字人生
05-29 1068
Elements（元素）：用于查看和编辑HTML元素和CSS样式，实时预览修改效果。Console（控制台）：显示JavaScript运行时的错误和警告信息，支持直接输入JavaScript代码执行。Sources（源代码）：调试JavaScript代码，设置断点，查看和编辑源文件。Network（网络）：分析网页资源加载情况，包括时间线、大小、HTTP头信息等，帮助优化性能。（性能）：记录和分析页面加载和脚本执行的时间线，找出性能瓶颈。Memory。
chrome 浏览器自带全网页截图
oYuLian的博客
05-23 632
在工作中，我们难免需要给一些网页截图。也许你尝试过各种插件，或者是使用过一些截图工具，但其实，Chrome 本身就带有截图特性，功能还很丰富。它不仅可以截取浏览器窗口，还可以截取网页全图，截取移动端显示效果，甚至带壳截图。 那么 Chrome 的截图该怎么用呢？让我给你详细地介绍一下吧。 截图指令 Chrome 的截图功能藏在开发者工具中，所以在截图之前你需要先打开开发者工具。我们可以直接在页面上按下鼠标右键，选择「检查」（或「审查元素」），也可以按下Cmd+Option+I（Windows ...
Chrome自带全网页截图
ZJC'博客
03-31 297
1、等待网页打开完毕 2、组合键 ctrl+shift+i 打开开发者工具 3、按 ctrl+shift+p 调出一个面板 4、输出 full 5、在下一行出现 capture full size screenshot ，点击这一行文字 6、稍等截图完成
推荐项目：全页屏幕截图工具 - Full Page Screen Capture
最新发布
gitblog_01171的博客
08-10 527
推荐项目：全页屏幕截图工具 - Full Page Screen Capture full-page-screen-capture-chrome-extensionOne-click full page screen captures in Google Chrome项目地址:https://gitcode.com/gh_mirrors/fu/full-page-screen-capture-c...
Chrome自带的截图与滚动截屏
weixin_42569496的博客
12-23 1095
Chrome自带的截图与滚动截屏 打开Chrome的控制台 F12 然后快捷键 mac: control + command + p windows: ctrl + shift + p 在里面输入capture 1是截取当前区域 2是滚动截屏 里面还有好多功能，大家自己发掘发掘
如何使用chrome 浏览器自带截屏？
weixin_33963594的博客
02-27 160
方法一（鼠标拉框选择截图）、 1、ctrl+shift+c 2、按住ctrl 后拖动鼠标 方法二 1、F12 2、【ctrl+shift+p】 3、输入“capture” 4、选择以下任意 　　1）“ capture full size screenshot”【整个网页】 2）“capture node screenshot”【节点网页】 3）“ca...
window 系统chrome浏览器截屏
zhaojiafu的博客
06-19 561
文章目录1、截全屏2、截某个元素，也就是截图一分部 1、截全屏 1、Ctrl + shift + I 进入开发者工具（也可以右上角三个点，选择更多工具，然后点击开发者工具） 2、Ctrl + shift + P,然后输入srceen，然后选择capture full size screenshot 3、截图保存下来，在电脑的下载文件夹 2、截某个元素，也就是截图一分部 1、Ctrl + shif...
UI自动化截图之chrome&Firefox篇
ceba20200309的博客
08-08 2619
在web的UI自动化中，小伙伴们经常遇到的一个问题是，IE的截屏非常好实现（一个save_screenshot即可满足），而chrome和Firefox的全屏截图就让人很是头疼了。虽然看起来功能类似，但是一定要做好区别，前者是对标准模式下的IE和其他浏览器而言，后者是对于怪异模式下的浏览器而言的。在启动浏览器前，需要加载对应的配置。2）当然，Firefox也可以用headless方式，具体方法与chrome大同小异，可以参考文末链接。设置后，可以在Firefox页面，用组合键试用一下，查看结果。...
chrome浏览器 截图插件FireShot
11-30
总的来说，FireShot是一款功能强大、易于使用的Chrome浏览器截图插件，无论对于个人用户还是企业用户，都能极大地提高他们在处理网页信息时的效率。它提供的全面截图和编辑功能，使得用户可以快速地捕捉和处理网页...
CSDN清屏好做pdf-chrome浏览器
03-15
在IT领域，尤其是在Web开发和浏览器使用中，"CSDN清屏好做pdf-chrome浏览器"这个主题可能涉及到如何在Chrome浏览器中高效地清理屏幕截图并将其转换为PDF格式。CSDN（China Software Developer Network）是一个知名的...
谷歌手机pixel4 夜景_如何在Google Pixel手机上拍摄屏幕截图
09-13 1282
谷歌手机pixel4 夜景Capturing your phone’s screen is useful in many situations. If you’re a Pixel user, you can do it with a couple of button clicks. 在许多情况下，捕获手机的屏幕非常有用。 如果您是Pixel用户，则只需单击几下即可完成操作。 如何截图 (H...
谷歌浏览器截取长屏幕（全屏截图）
热门推荐
一花一世界
06-19 12万+
1、打开目标网站 例如：https://www.google.cn/ 2、按下键盘上 “F12” 或者 “Ctrl + Shift + L” 打开调试页面 3、按下键盘上 “Ctrl+Shift+P” 4、键入内容“ apture full size screenshot ” 后，按下回车 5、此时会下载图片 6、打开文件 7、可以看到截图的结果 如下图...
Android使用Google自带的截屏方法
Wtoria的博客
05-04 1553
通过几行简单的代码实现截屏的方法： 获得整个屏幕： getWindow().getDecorView(); 通过这个方法写了个Demo： public class MainActivity extends Activity implements View.OnClickListener { private ImageView mImageView; pri
手机chrome禁止加载图片
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
11-13 472
怎么才能彻底关掉google-chrome的GPU加速 WIN系统： 在启动参数上加上：--disable-accelerated-compositing Linux系统： 升级到25.0.1364.5(正式版本174090)以上版本：然后依次键入 google-chrome--blacklist-acceler...
【chrome】 谷歌小技巧 谷歌浏览器 自带 滚动截图 chrome滚动截屏（全屏截图）
CTRA®王大大技术中心
06-21 1万+
谷歌浏览器小技巧 谷歌浏览器全屏截图 谷歌截图 chrome滚动截屏
谷歌浏览器自带网页截图快捷键
qq_43990947的博客
02-04 1万+
在截图页面按下快捷键“fn + F12”，弹出开发者的窗口。 在该页面中按快捷键“Ctrl+Shift+P”，开发者工具的窗口处会弹出一个输入框和下拉菜单。 在输入框中输入“Capture full size screenshot”，会弹出Capture full size screenshot指令，鼠标点击该指令按钮。 谷歌浏览器会就会自动截取该页面中的图片，自动下载到本地存储位置中。 打开截图的图片查看，与网页中要截取的部分一样。 ...
一种实现（无须root）手机截屏方案
omnispace的博客
04-01 7654
前言：一年半多以前，我们曾有个项目，要做一个截屏功能，当时负责调研的同事，答应了产品上这个功能，但开发一周后，发现，无法实现截取手机屏幕图像，须要root权限，才能做。因为最近研究MediaProjection，意外的发现，竟然无须root，可以轻松实现次功能。曾经被做不到的，如今做到了，很难相信此时的心情。看下今天的Agenda: Android源码中使用组合键是如何实现屏幕截图功
google截屏
hhs231415的博客
03-27 953
Google截一整个网页 Ctrl+Shift+i => Ctrl+Shift+p => 输入full回车
Chrome浏览器如何完美实现滚动截图技巧
记录，总结，成长
12-13 6740
Chrome浏览器如何完美实现滚动截图技巧
chrome无法使用自带的取色器
09-29
chrome浏览器无法使用自带的取色器是因为Chrome的开发团队在设计该浏览器时选择了不添加像其他浏览器一样的取色器工具。 取色器在网页设计和开发中起着非常重要的作用，它可以帮助用户获取网页上任何一个位置的色彩数值，方便进行色彩搭配和设计。但是，在Chrome浏览器上，在右键菜单中并没有“取色器”选项。 尽管Chrome没有内置的取色器，在Chrome浏览器上仍然可以使用其他方法进行取色器的功能。用户可以使用一些第三方的插件和扩展程序来解决这个问题。这些插件和扩展程序可以在Chrome网上应用商店中找到和安装。它们通常提供了更多丰富的取色器功能，例如：捕捉整个网页的颜色、取色器眼滴工具、调色板等。 除了通过插件或扩展程序，用户也可以在其他浏览器中使用自带的取色器，然后将取得的色彩数值手动输入到Chrome浏览器中进行使用。尽管此方法不太便捷，但可以满足一般的取色需求。 总之，Chrome浏览器本身并没有内置的取色器工具，但我们可以通过安装插件、扩展程序或者使用其他浏览器的取色器工具来解决这个问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值