最近使用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>
答案 0 :(得分:0)
经过调查并感谢devtool开发团队成员的帮助,我得出结论,在devtools中没有集成的机制可以做到这一点。但是可以使用操作系统中包含的屏幕捕获功能。例如在ubuntu中,可以制作三种类型的屏幕截图
Prt Scrn
拍摄桌面截图。Alt+Prt Scrn
拍摄窗口的屏幕截图。Shift+Prt Scrn
拍摄所选区域的屏幕截图。 (是的,我
特别感谢这个)最好的部分是可以将屏幕截图直接复制到剪贴板,以便在某些聊天论坛中轻松共享。
为此,您可以使用上述任何快捷方式按住Ctrl键,以将屏幕快照图像复制到剪贴板,而不是保存它。
我从url中获取了此信息,您可以在您的操作系统中找到操作方法。
我希望这些信息对某人有帮助