在Firefox中，我可以在访问Web开发人员工具栏时创建全页屏幕截图（可以在开发人员工具设置中激活）。不幸的是，我只能使用默认分辨率来执行此操作。有没有机会获得更高分辨率的图像？使用Firefox或附加组件？或者是否可以在其他浏览器中使用？
答案 0 :(得分：9)
在Firefox中，我使用这些技巧：
body {
zoom: 4; /* change zoom factor here... */
-moz-transform: scale(4); /* ...and here. */
-moz-transform-origin: 0 0;
}
screenshot --fullpage
// or, directly into the clipboard instead of a png in the download folder
screenshot --fullpage --clipboard
您还可以使用工具＆gt; Web开发人员＆gt;响应式设计视图（或 Ctrl + Shift + M ），它允许您指定自定义分辨率并有一个漂亮的按钮来截取屏幕截图，但缩放仍然必须手动完成。
在选择缩放系数时要小心：如果您尝试生成过大的PNG，Firefox会变得脾气暴躁。在非常高的分辨率下，您将不得不删除--fullpage选项，片段截图并在图像编辑器中重新组合。
价：
从How can I scale an entire web page with CSS?获得了第一个技巧：似乎Firefox仍然存在缩放CSS规则的问题，因此仍然必须添加-moz-*规则，至少在版本38之前。如果在将来的版本中得到纠正，只需指定zoom: NN;。
答案 1 :(得分：7)
使用正确的参数，我找到了一个很好的答案at superuser。 在开发者控制台（使用 SHIFT + F2 打开）中，使用：
screenshot filename.png --dpr 4
这将使屏幕截图的分辨率提高4倍。
答案 2 :(得分：6)
在Firefox 62及更高版本中，GCLI被删除并the screenshot command was moved to the Web Console and prefixed with a colon。
要以原始屏幕分辨率的4倍拍摄屏幕快照，请打开Web控制台（Tools-> Web Developer-> Web Console或 Ctrl <在Mac上为kbd> Shift K ， Cmd Option K ），然后键入：
:screenshot --dpr 4
文件名现在是可选的，控制台将告诉您文件的保存位置（通常在“下载”中使用特定于系统的命名方案）。
可用其他参数，有关更多信息，请参见the Web Console documentation和Erik Meyer's blog post。
另一个注意事项：大的DPR值并不总是有效。似乎限制在120兆像素左右。较大的屏幕截图不会完全完成，并且会无声无息。如果该命令对您没有任何帮助，请尝试降低dpr或调整窗口大小，直到得到一些提示为止。
答案 3 :(得分：1)
结合以上答案和评论，您可以通过在Firefox中点击shift + F2来获得整个网页的不错的分辨率屏幕截图。然后，在屏幕底部弹出控制台时，输入：
screenshot --fullpage --dpr 4 filename.png
在Windows 10上，默认情况下会将filename.png保存到您的C:\Users\yourusername\Downloads文件夹中。要指定您需要加倍反斜杠：
screenshot --fullpage --dpr 4 C:\\Users\\yourusername\\path\\to\\filename.png