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

Dale St. Marthe

Chrome DevTools 提供了多种创新的方式来截取 Web 项目的屏幕截图。

以下 DevTools 提示视频介绍了 4 种独特的技巧和众多提示，可帮助您截取完美的屏幕截图。请勿再以相同的方式截取屏幕截图！

观看视频，了解如何：

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