文件大小:53.39 MB  文件版本:V 0.0.117

本地下载 官方下载 本地下载

当前位置: 首页 >  chrome教程攻略 > 插件攻略 > 如何使用开发工具在Google Chrome上截图?

如何使用开发工具在Google Chrome上截图?

2022-05-12 16:36:47    来源:浏览器部落    作者:admin

      本文解释了如何使用开发者工具在Chrome中捕捉屏幕截图。

Google Chrome截图

  如何使用Chrome的开发者工具截图

  使用打印屏幕键和Chrome工具的区别在于,Chrome截屏工具不包括Chrome浏览器窗口的边框,只包括网页的内容。如果您想只捕获页面内容而不编辑您的截图,开发人员工具可以帮您节省一个步骤。

  您可以使用菜单或键盘快捷键来访问开发人员工具。

  1、压Ctrl + Shift + I在个人电脑上,或者命令+选项+ I在苹果电脑上。或者,单击三点菜单图标并选择更多工具%3E开发者工具。这样做将打开元素检查器开发人员菜单,其中显示了网页的HTML编码。

  2、然后,按Ctrl + Shift P(个人电脑)或Command + Shift P(Mac)或单击三点菜单定制和控制开发工具并选择运行命令。

       仅对于常规或全尺寸屏幕截图,单击您想要捕捉的页面顶部的三点菜单图标并选择截图或者捕捉全尺寸截图。

  3、键入“屏幕截图”查看屏幕截图选项,包括:

  捕捉区域截图

  捕捉全尺寸截图

  捕获节点屏幕截图

  截图

  4、使用鼠标或键盘上的箭头键向下滚动,选择要捕获的屏幕截图类型。

  Chrome开发者截图选项

  挑选捕捉区域截图抓取屏幕的一部分。用鼠标在要截图的区域周围拖出一个方框。

  要获取整个网页的屏幕截图,请选择捕捉全尺寸截图。此选项可让您获得不适合在一个屏幕上显示的网页图像。

  如果您想要标准截图,请选择截图,它会抓取屏幕上可见的内容。

  最后,您可以通过选择捕获节点屏幕截图

  在你捕捉到一个截图后,你会看到一个保存对话框。选择一个文件夹,并给你的截图一个文件名。Chrome的下载管理器中也提供了所有使用开发者工具捕获的截图。

  • 本文关键词:
  • Google Chrome
  • 开发者工具
  • 截图
标签:
截屏

本站发布的资源与软件仅为个人学习测试使用,请在下载后24小时内删除,不得用于任何商业用途,否则后果自负,请支持或者购买正版!

如侵犯到您的权益,请及时通知我们,我们会及时处理,对系统之家有任何投诉或建议,请与管理员联系. 邮箱:17587008659@163.com

Copyright©2011 浏览器部落(www.liulanqibuluo.com) 版权所有 闽ICP备2022006079号-1