能否仅使用Firefox对Firefox Developer Tools进行截图？

当然可以！Firefox自带了专门针对开发者工具的截图功能，完全不用依赖在线图片编辑器裁剪，下面给你几种简单好用的方法：

方法1：用DevTools自带的相机按钮 #

• 打开Web Console，确保你要分享的JSON结果已经显示在面板里
• 看向开发者工具的右上角，找到那个相机图标（鼠标悬停时会显示“Take a screenshot of the entire tool”）
• 点击它，Firefox会直接把整个DevTools面板的内容保存为图片，你只需要选择保存位置就好，全程不用裁剪！

方法2：用命令面板快速调用截图功能 #

• 如果你找不到相机图标，或者更喜欢用快捷键，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开DevTools的命令面板
• 在搜索框输入**"screenshot"**，会弹出几个选项：
  • "Screenshot Entire Tool"：截取整个DevTools面板（适合分享完整的控制台输出）
  • "Screenshot Visible View"：只截取当前可见的控制台内容
• 选择你需要的选项，图片会自动下载到默认下载文件夹

方法3：精准截取某段控制台输出 #

如果你只想分享JSON结果的某一部分，不用截整个面板：

• 在控制台里选中你要分享的那段JSON文本
• 右键点击选中的内容，选择**"Copy as Image"**
• 这段内容会直接以图片形式复制到剪贴板，你可以直接粘贴到Stack Overflow的编辑框里

另外说一句，你那段转换DOM数据为格式化JSON的代码写得很利落：

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

用Array.from配合dataset提取属性，再用Object.assign转成普通对象，完全符合最佳实践👍

内容的提问来源于stack exchange，提问作者Mario