如何在当前浏览器中截取开发工具的屏幕截图？

Question

Awesome screenshot是一个很棒的工具，我将它用于谷歌浏览器。

现在，我想拍摄devtool也是google chrome浏览器的一部分，但是使用Awesome screenshot是不可能的。

看看这张图片

是否有其他插件/浏览器（firefox / firebug）可以完成这项工作？

感谢。

P.S。

Awesome截图的目标不仅仅是制作截图，而是与其他网络开发人员在网络上轻松分享这个sreenshot。

Answer 1

我认为您的问题是“如何在当前浏览器中截取开发工具的屏幕截图？”，您可以只做一个简单的“打印”屏幕并将其粘贴到photoshop或fireworks中。

Answer 2

Chrome允许制作网页截图。书签面板/开发人员工具窗口不是网页的一部分，因此它们不会出现在屏幕截图中。

有一个全新的developer tools API允许扩展开发人员工具面板。可以创建一个扩展，从devtools窗口内部执行屏幕截图，然后将其与网页的屏幕截图相结合。但这似乎很复杂。

如果可能，只需使用一些外部工具来制作整个浏览器窗口的屏幕截图。