某个网页一直不停刷新_利用浏览器做网页长截图

在平时写文章的时候，我经常需要插入一些截图，不知你有没有注意到，在能使用手机截图的情况下，我都尽量不在 PC 上进行截取操作。

其实有如下几个理由：

1. 基于微信平台下，大多数用户使用手机进行阅读，在电脑上截得的图片会因为缩放而导致阅读困难。
2. 当需要截取的内容比较长的时，手机系统自带的滚动截屏功能能够助我一臂之力，而电脑上我还需要安装一些第三方的插件。
3. Windows 系统默认情况下系统对字体的渲染会不如其他系统(比如 Android、iOS、macOS 等)清晰。

但是假如需要的截图素材不少时，不停的在手机以及电脑上来回的切换和传输，无疑会降低我的效率。

那么，在电脑上我们能不能做到如同手机一般的截图效果呢？

最近发现浏览器上有个小功能可以解决。

首先，在浏览器中打开需要截图的网站，并打开「开发者工具」，不知道如何开启的，我们可以对网页右键菜单选择「检查元素」。

然后需要对其切换为手机预览模式，在「开发者工具」内点击「Toggle device toolbar」：

可以看到原来的网页内容区域已经变成了跟手机上无异了，假如一些网站无法马上响应的话，也可以手动对其刷新。

同时我们还可以看到内容区域上方多了一个工具栏，用于调整尺寸等参数，按需调节即可，打开右端的菜单，选择「Capture screenshot」或者「Capture full size screenshot」就可以对网页做截图操作。

其中，「Capture screenshot」是对当前显示区域做截屏，「Capture full size screenshot」是对整个页面做截屏，也就是相当于手机系统中的滚动截屏操作。

另外我们还可以使用一种更加 Geek 的方法，打开「开发者工具」后，使用 Windows 快捷键 Ctrl + Shift + P 或 macOS 快捷键 Command + Shift + P，在呼出的命令窗口中输入关键词「Screenshot」，可以看到几个选项：

选择对应的选项也可以完成截图操作。

截取完成后，会通过浏览器的下载工具下载到本地。

需要说明的是，既然是基于浏览器操作，所以只能针对网页形式的内容截取；且以上方法适用于搭载 Chromium 内核的浏览器，『Safari』和『Firefox』不一定适用。

Like it or not
I am here