目录
如何使用Chrome截图快捷键
如何使用设备模拟器在Chrome上截屏
如何使用Chrome截图扩展程序
首页 系统教程 苹果 如何使用屏幕截图Chrome工具 - SetApp

如何使用屏幕截图Chrome工具 - SetApp

Apr 17, 2025 am 09:58 AM

高效截取Chrome浏览器网页截图的多种方法

在与同事解释功能或工作流程,或仅仅是为了日后备忘时,截图都非常宝贵。只需在Mac上按下Shift ⌘ 3(或4或5),几秒钟内就能展示一些用文字解释需要几分钟才能说明的内容。

鉴于谷歌浏览器是目前最流行的浏览器,我们理所当然地期望能使用某种Chrome截图工具,或者Chrome团队能够开发出令人惊艳的截图工具,但乍一看,并没有。

那么,有没有办法原生截取Chrome屏幕,例如截取您正在访问的网站的Chrome全屏截图呢?让我们来探索一下。

在Setapp中查找最佳屏幕截图工具

无论需要录制GIF、视频还是滚动内容,Setapp总能提供合适的解决方案。节省搜索应用的时间。

免费试用 为什么需要在Chrome上截屏?

有些人可能想知道,如果Mac有内置的截图选项,为什么还需要学习如何在Google Chrome上截屏?

原因如下:首先,在单个应用程序中完成所有操作通常对您的工作流程更有益,无需将手指从键盘上移开或切换上下文。其次,Mac的默认截图工具缺少一些有用的浏览器选项,例如截取整个页面滚动截图以及截取精确的可视区域而无需拖动。

所以,一个隐藏的秘密是,Chrome在其DevTools区域内保留了一个截图工具,一旦您学会了如何使用它,它就相当强大且灵活。另一个好处是:Chrome截图工具在所有操作系统上的工作方式相同,因此无论您使用的是Windows、macOS还是Chrome OS,Chrome屏幕截图选择都保持不变。

在Chrome上截屏有三种有用的方法。

如何使用Chrome截图快捷键

如上所述,Chrome开发人员决定将所有Chrome截图工具功能隐藏在DevTools中,DevTools是一个广泛且强大的平台,全球大多数Web开发人员都在使用它。因此,可以说Chrome团队将截图功能开发成了专业工具。

注意 确保精确使用以下命令。随意更改DevTools可能会导致浏览器行为发生意外变化。

因此,要学习如何全屏显示Chrome或仅截取常规屏幕截图:

  1. 通过转到“查看”➙“开发者”➙“开发者工具”(Option ⌘ I)打开DevTools。
  2. 转到省略号菜单➙“运行命令”(Shift ⌘ P)。
  3. 输入“screenshot”。
  4. 选择您要截取的截图类型:区域、全尺寸、节点或常规。

How to use screenshot Chrome tools – Setapp

您的Chrome截图将保存到您的常规目标文件夹中,在Google Chrome中,默认情况下是“下载”文件夹。

但是,有时您确实需要比Google Chrome更进一步,使用可在每个应用程序中工作的专业级工具来截取屏幕截图。

有关如何在Mac上截屏的更多信息,请参阅我们的分步指南。

CleanShot是Mac的终极录制应用程序。它不仅涵盖了所有常规的macOS屏幕截图功能,还允许您截取网站或应用程序的精确滚动截图、设置截图计时器以及录制屏幕。更重要的是,CleanShot会自动隐藏您所有的桌面图标,将您的图像保存在云端以便轻松共享,并允许您随时注释您的截图。

How to use screenshot Chrome tools – Setapp

使用CleanShot非常简单:该应用程序始终可在您的菜单栏中轻松访问,只需单击其图标并选择您想要的截图类型即可。为了更方便地访问,您可以将CleanShot设置为Mac上的默认图像捕获工具。

如何使用设备模拟器在Chrome上截屏

使用Chrome提供的截图工具的另一个重要好处是,您可以通过其设备模拟器运行它来表示移动屏幕(例如),而无需使用您的手机。您甚至可以精确指定要显示的设备,这非常适合创建设计模型或仅测试您现有的网站。

要使用设备模拟器截取Chrome屏幕截图:

  1. 启动Chrome。
  2. 使用Option ⌘ I快捷键打开DevTools。
  3. 单击DevTools顶部的第二个图标,称为“切换设备工具栏”(Shift ⌘ M)。
  4. 使用下拉菜单指定设备。
  5. 运行命令(Shift ⌘ P)并搜索“screenshot”。
  6. 截取您选择的屏幕截图。

How to use screenshot Chrome tools – Setapp

另请阅读:

  • Mac的广告拦截器
  • 下载Vimeo视频
  • 截取滚动屏幕截图
  • Mac最佳开发者工具

如何使用Chrome截图扩展程序

如何在Chrome上全屏显示或截取任何类型的屏幕截图的最后一种方法是利用Chrome庞大的扩展程序库,其中也包含许多屏幕抓取工具。

要下载Chrome扩展程序:

  1. 转到“窗口”➙“扩展程序”。
  2. 在菜单中,选择“打开Chrome网上应用店”。
  3. 搜索“screenshot”。
  4. 选择您选择的工具(我们推荐Lightshot)。
  5. 点击“添加到Chrome”。

How to use screenshot Chrome tools – Setapp

然后,当您想要使用它时,单击扩展程序,选择合适的选项,并在Chrome浏览器中直接截取屏幕截图。

如果您想使用浏览器截取屏幕截图,但又希望比Chrome提供的功能更灵活,您可以使用Mac截图应用程序,该应用程序在其自身中内置了浏览器。

Capto是一款真正多功能的应用程序。一方面,它是一个专业级的屏幕录制工具,另一方面,它是一个功能强大的视频编辑器。使用Capto的顶部菜单栏,您可以截取屏幕、区域、菜单或窗口屏幕截图,录制视频以及直接从Capto浏览器捕获图像:

  1. 在Capto中,单击“网页”➙“从Capto浏览器捕捉”。
  2. 搜索URL。
  3. 然后选择捕捉区域、滚动运动甚至DOM元素。

How to use screenshot Chrome tools – Setapp

如您所见,学习如何在Google Chrome上截屏只需几分钟。您可以使用内置工具、使用设备模拟器或下载扩展程序。但是,最佳效果和功能始终保留在Mac应用程序中,例如CleanShot用于全面的强大捕捉,或Capto用于捕捉浏览器元素的图像。

最棒的是,CleanShot和Capto都可以通过Setapp试用版免费试用七天,Setapp是一个拥有220多个世界一流的Mac和iPhone应用程序的平台,可以满足您能想到的任何任务,从优化Mac到编辑照片。今天就免费试用所有Setapp应用程序,感受随时随地使用最佳Mac工具的强大功能。

以上是如何使用屏幕截图Chrome工具 - SetApp的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1670
14
CakePHP 教程
1428
52
Laravel 教程
1329
25
PHP教程
1276
29
C# 教程
1256
24
更新到红杉后,修复Mac慢速运行速度 更新到红杉后,修复Mac慢速运行速度 Apr 14, 2025 am 09:30 AM

升级到最新 macOS 后,Mac 运行速度变慢?别担心,你不是一个人!本文将分享我升级到 macOS Sequoia 后解决 Mac 运行缓慢问题的经验。升级后,我迫不及待地想体验新功能,例如语音笔记的录音和转录以及改进的步道地图规划功能。但安装后,我的 Mac 开始运行缓慢。 macOS 更新后 Mac 运行缓慢的原因及解决方法 以下是我的经验总结,希望能帮助您解决 macOS Sequoia 更新后 Mac 运行缓慢的问题: 问题原因 解决方法 性能问题 使用 Novabe

如何减少Windowser Mac CPU使用 如何减少Windowser Mac CPU使用 Apr 16, 2025 pm 12:07 PM

MACOS Windowser:了解高CPU使用和解决方案 您是否注意到Windowser在Mac上消耗了大量CPU资源? 此过程对于Mac的图形接口至关重要,渲染了您在屏幕上看到的所有内容。 高c

如何从Mac中删除OneDrive?如何在Apple笔记本电脑上卸载它? 如何从Mac中删除OneDrive?如何在Apple笔记本电脑上卸载它? Apr 16, 2025 am 11:02 AM

OneDrive for Mac:综合卸载指南 Microsoft的Cloud Storage Service OneDrive提供在线文件存储和包括Mac在内的各个平台的同步。 但是,您可能需要将其删除以进行存储优化,Inc

如何在Mac上删除文件 如何在Mac上删除文件 Apr 15, 2025 am 10:22 AM

管理MAC存储:删除文件的综合指南 每日MAC使用涉及安装应用程序,创建文件和下载数据。 但是,即使是高端Mac的存储空间也有限。 本指南提供了删除未包含的各种方法

如何使用M1从Mac删除iOS应用程序 如何使用M1从Mac删除iOS应用程序 Apr 14, 2025 am 11:26 AM

Apple 自首款 iPad 于 2010 年发布以来,就开始为其设备设计自研芯片,最新迭代的芯片是 iPhone 13 上的 Apple A15 仿生芯片。 然而,对于 Mac 来说,第一款 Apple 自研芯片——Apple M1——直到 2020 年才与 MacBook Air、Mac mini 和 MacBook Pro 一起发布。2021 年,24 英寸 iMac 紧随其后,随后在 14 英寸和 16 英寸的 MacBook Pro 上得到了改进(作为 Apple M1 Pro 和 A

如何使用Photoshop和Photoshop替代方案 如何使用Photoshop和Photoshop替代方案 Apr 15, 2025 am 11:39 AM

Adobe Photoshop:行业标准及其替代方案 Adobe Photoshop仍然是栅格图像编辑的黄金标准,这是三十年来的专业人士选择。 它的影响是不可否认的,几乎塑造了随后的每个图像编辑器

MacOS的版本需要重新安装:它是什么以及如何修复它? MacOS的版本需要重新安装:它是什么以及如何修复它? Apr 14, 2025 am 09:54 AM

您是否看到一条消息说:“ MacOS的版本需要重新安装”或“需要重新安装所选磁盘上的MacOS版本”?也许您最近安装了新的MacOS,刚刚购买了二手Mac或消息

今天使用的最佳电子邮件服务是什么? 今天使用的最佳电子邮件服务是什么? Apr 14, 2025 am 10:44 AM

选择合适的电子邮件提供商:综合指南 厌倦了您过时的电子邮件地址? 本指南可帮助您在最佳免费电子邮件提供商中选择新的数字房屋,涵盖顶级服务及其随附的Mac和iOS应用程序。 密钥

See all articles