我需要一张来自我们 Web 应用程序的截图。它将用于印刷海报，所以我需要高 DPI 版本。我有一台 96 DPI 显示器，因此标准截图在打印时会像素化。我解决这个问题的方法是
- 计算我需要的像素数，以便图片能够以我需要的尺寸以 300 dpi 打印
- 将 Firefox 中的响应式设计工具设置为与视口大小完全相同的尺寸，例如 X x Y 像素
- 使用 Ctrl++ 缩放，直到所需的设计元素填满视图（这部分很重要 - 解决方案需要在内容放大或缩小时起作用）
- 使用内置截图工具进行截图。
- 使用 GIMP 将图像分辨率更改为 300 dpi，而不改变实际像素数
令我惊讶的是，截图不是 X x Y 像素，而是更小的尺寸，例如 0.67X x 0.67Y，因此如果不放大，我只能得到 200 dpi 的图像。缩放系数也各不相同。经过一番尝试，我发现截图的大小取决于缩放级别。
使用插件 (Awesome Screenshot Plus) 截屏时也会出现同样的问题。使用 Chrome 时会出现不同的问题，因为 Chrome 不会渲染完整的大视口，只能截取部分图像。据我所知，IE 没有用于将视口尺寸扩大到超出物理屏幕限制的工具。
您对如何截取我的屏幕截图有什么建议吗（浏览器插件，也许是不同的浏览器？）？我需要一个浏览器来呈现页面，而不是像 PageLayouts 这样的东西，因为应用程序上的 JavaScript 有点复杂，而且我必须动态调整 HTML 和 CSS。
我在 Windows PC 上工作，我的部门没有预算来投资购买专用的付费工具来完成这项任务。
答案1
对我有用的是在 Firefox 中打开开发者控制台并在右上角单击工具箱选项（看起来像一个小齿轮）。
在“可用工具箱按钮”下，我选中了“截取整页屏幕截图”。这样工具箱选项按钮旁边就会出现一个小相机按钮。
然后在响应式设计模式下，我设置了分辨率，然后使用全屏截图按钮截取了屏幕截图。我得到的是我需要的正确分辨率。
注意：我知道响应式设计功能有一个屏幕截图按钮，但是当我截取屏幕截图时，分辨率并没有达到我所设置的分辨率。
答案2
只有使用 Firefox 插件才能实现珍珠新月页面保护程序在标记的设置中输入 200 或 300 作为 % 值。它将缩放页面（而不是像素化放大），并截取比视口大 2-3 倍的屏幕截图。我用它来制作适合打印的 300-600dpi 分辨率网站屏幕截图，结果非常棒（特别是如果网站支持视网膜显示，否则只有 CSS 线条、角落、字体等可以很好地缩放）。
我正在寻找 Chrome 的替代品。我偶然发现了这个 Firefox 插件，但它看起来有点过时，在最新版本中不再有效，但较旧的稳定版 Firefox 可以很好地运行它。如果没有替代品，可能值得保留这个版本。
