搜索
首页系统教程MAC如何使用屏幕截图Chrome工具 - SetApp

高效截取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
如何使用Powermetrics在Mac上查看单个核心CPU使用情况如何使用Powermetrics在Mac上查看单个核心CPU使用情况May 15, 2025 am 10:31 AM

有多种方法可以在Mac上跟踪CPU使用率,其中最受欢迎的是图形接口的活动监视器,HTOP或命令行用户的顶部。活动监视器可以显示可选的核心图,而HTOP显示CPU核心

Mac– CPU使用和网络访问请求解释了Mac– CPU使用和网络访问请求解释了May 15, 2025 am 10:18 AM

一些Mac用户偶尔会发现MacOS中的“chronod”进程要么消耗大量系统资源,要么请求访问网络连接。有时,chronod也会被过度警觉的防病毒应用程序标记。虽然很多人会忽略这种情况,但还有一些好奇的Mac用户会积极探究那些消耗大量资源的进程具体是什么,或者一个需要或要求互联网访问的进程的意图是什么。那么,Mac上的chronod是什么?为什么它会使用高CPU和系统资源?为什么它需要网络访问?让我们深入探讨一下chronod进程,以更好地理解它的功能。什么是chronod?chronod进程是

Mac上的安全代理:它是什么,它在MacBook Air/Pro上做什么?Mac上的安全代理:它是什么,它在MacBook Air/Pro上做什么?May 15, 2025 am 10:11 AM

MAC上的MacScurity代理上的安全代理是什么是负责管理用户身份验证,系统安全通知以及应用程序权限请求的背景过程。它与MacOS的安全服务器t合作

Mac最好的2位编辑:IMHEX和HEX FIENDMac最好的2位编辑:IMHEX和HEX FIENDMay 15, 2025 am 10:05 AM

十六进制编辑器是专门的软件工具,旨在查看和编辑六边形数据以及文件中的原始二进制数据。这些工具对于需要检查,调试和ANA的程序员,开发人员和反向工程都是必不可少的

MacOS红杉15 Beta 4可供下载MacOS红杉15 Beta 4可供下载May 15, 2025 am 09:54 AM

Apple已针对参加MACOS红杉开发人员Beta测试计划的人推出了MacOS红杉15版的第四次Beta版本。通常,标记为MacOS红杉公共Beta 2的公共Beta测试人员的相应构建已发布

FaceTime不在Mac上工作?这是解决它的方法FaceTime不在Mac上工作?这是解决它的方法May 15, 2025 am 09:49 AM

Apple的FaceTime应用程序旨在无缝连接Apple用户,从而提供诸如智能手机上的双相机支持,以增强视频聊天体验。但是,FaceTime可能无法按预期运行。本文d

MacOS红杉15β3可供下载MacOS红杉15β3可供下载May 15, 2025 am 09:38 AM

Apple已发布MacOS红杉Beta Beta 3,适用于从事MacOS红杉β测试计划的开发人员。调用MacOS 15,MacOS红杉介绍了一系列新功能,例如iPhone镜像,使您可以查看并参与您的参与

iOS 17.6的第四次Beta,Macos Sonoma 14.6和iPados 17.6可用于测试iOS 17.6的第四次Beta,Macos Sonoma 14.6和iPados 17.6可用于测试May 15, 2025 am 09:33 AM

苹果公司发布了iOS 17.6,iPados 17.6和Macos Sonoma的第四个Beta,这些Beta版本与即将进行的主要更新的正在进行的Beta版本不同,其中包括iOS 18 Beta,iPados 18 Beta Beta和MacOS Macos Seceoia 15 Beta。我

See all articles

热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

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

热门文章

热工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具