有可能只使用firefox来截取Firefox Developer Tools的截图吗?

时间:2018-06-01 04:14:27

标签: firefox-developer-tools

最近使用Web控制台对DOM进行了查询,然后转换为对象数组并最终打印为json,我想通过捕获Web控制台的图像来共享此结果,但我没有找到以原生的方式去做。

有可能只使用firefox来截取Firefox Developer Tools的截图吗?

这是我的查询

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

顺便说一下,这是我想分享的结果,在SO中分享图像,我在网上寻找图像编辑器,剪切它,然后将其下载到硬盘然后上传到这里。 / p>

enter image description here

1 个答案:

答案 0 :(得分:0)

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

  1. Prt Scrn拍摄桌面截图。
  2. Alt+Prt Scrn拍摄窗口的屏幕截图。
  3. Shift+Prt Scrn拍摄所选区域的屏幕截图。 (是的,我 特别感谢这个)

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

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

我从url中获取了此信息,您可以在您的操作系统中找到操作方法。

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