使用开发者工具截取屏幕截图的 4 种方式

Dale St. Marthe
Dale St. Marthe

Chrome 开发者工具提供了多种创新的方法,让您可以截取 Web 项目的屏幕截图。

下面的“开发者工具提示”视频介绍了 4 种独特的技巧和许多有助于您截取完美屏幕截图的提示。再也不用用相同的方式截屏了!

观看视频,了解如何:

  • 截取Elements面板中的节点的屏幕截图。
  • 截取大于屏幕尺寸的节点的屏幕截图。
  • 截取移动版网站的屏幕截图,并添加设备框架。
  • 截取整页的屏幕截图。
  • 截取页面某个区域的屏幕截图。
  • 自定义屏幕截图。