对网页进行长截图的功能，目前很多截图软件都能实现，比如我现在使用的 pixpin 免费版就支持该功能，不过这种功能我好几年都用不上一次，因此安装这个软件之后还从来没有使用过。

最近在干的一个活儿，有大量的截取整个网页的画面的需求，就尝试了一下，结果发现效果不佳，试了几次都不满意之后，突然想起来多年前我有这个需求时，是通过 chrome 浏览器内置的功能实现的。

目前在工作电脑上的主力浏览器是 edge，同样基于 chromium 内核，也有这个功能，甚至更简单，直接按 Ctrl + Shif + S 就能进行网页截图。然而试了一下，效果依然不佳，虽然能比较稳定地获取整个页面的图像，但是输出的质量太差了，放大一下就全是锯齿。

于是尝试了跟 chrome 上一样的进入开发者工具的方式，具体操作是先按 Fn+F2 进入开发者工具，然后按 Ctrl + Shift + P ，在弹出的搜索框输入截图，就会出现几个选项，是截取当前画面，还是整个网页，还是选择区域。

一试之下发现效果依然不佳，放大之后也很容易变糊。

解决方法是设置一个更高的设备像素比。进入开发者工具后按 Ctrl + Shift + M ，点击屏幕顶部右侧的三个点，点击添加设备像素比（DPR），然后把 DPR 由默认的 1.0 设置成 2.0或者 3.0。

我设置了 2.0 之后输出的图片效果就非常好了。

这个活儿做完之后，估计又会有很长时间用不到这个功能，以至于当要用的时候会想不起来。