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

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

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

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

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

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

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

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

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

　　捕捉区域截图

　　捕捉全尺寸截图

　　捕获节点屏幕截图

　　截图

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

　　Chrome开发者截图选项

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

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

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

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

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