时间戳

首页 > 解决方案 > 可以只使用 Firefox 来截取 Firefox 开发者工具的屏幕截图吗？

firefox-developer-tools - 可以只使用 Firefox 来截取 Firefox 开发者工具的屏幕截图吗？

问题描述

最近使用 Web 控制台对 DOM 进行查询，然后将其转换为对象数组并最终打印为 json，我想通过捕获 Web 控制台的图像来分享这个结果，但我没有找到本地方法做。

可以只使用 Firefox 来截取 Firefox 开发者工具的屏幕截图吗？

这是我的查询

JSON.stringify(Array.from(document.querySelectorAll('td[data-pet-type]')).map(type => Object.assign({}, type.dataset)), null, 4)

这里是我要分享的结果，顺便说一下，为了在SO中分享图片，我在网上找了一个图片编辑器，剪下来，然后下载到硬盘，然后上传到这里。

在此处输入图像描述

标签： firefox-developer-tools

解决方案

经过调查并感谢 devtool 开发团队成员的帮助，我得出结论，在 devtools 中没有集成机制可以做到这一点。但是可以使用操作系统中包含的屏幕捕获功能。例如在 ubuntu 中可以制作三种类型的截图

  1. Prt Scrn截取桌面的屏幕截图。
  2. Alt+Prt Scrn截取窗口的屏幕截图。
  3. Shift+Prt Scrn截取您选择的区域的屏幕截图。（是的，我特别欣赏这个）

最好的部分是可以将屏幕截图直接复制到剪贴板，以便在某些聊天论坛中轻松共享。

为此，您可以使用上述任何快捷方式按住 Ctrl 将屏幕截图图像复制到剪贴板而不是保存它。

我从这个url获取了这些信息，你可以在你的操作系统中找到如何做。

我希望这些信息对某人有帮助

推荐阅读