今天要说的小技巧,是Chrome浏览器自带的,不需要下载任何工具。
▍网页截取长图操作步骤
这个技巧是在Chrome浏览器上的,其他浏览器不清楚。
在你需要截取长图的浏览器页面上按下F12,会在页面右侧额外打开一个“开发者窗口”,如下图。前端会经常用到,可以对网页进行一些调试等。
在开发者窗口上,我们继续按快捷键:Ctr+Shift+P,会在开发者窗口界面上弹出一个运行命令的小窗口,在这里我们输入:capture或者输入full都行,在搜索的结果里面我们点击:Capturefullsizescreenshot(截取全尺寸屏幕快照)。
选中Capturefullsizescreenshot,无论是鼠标点击或者键盘按下Enter,都可以使用该命令。可能要等个1s到2s,浏览器会进行截取当前页面的操作,然后观察Chrome页面最下方会进行自动下载,下载的是浏览器帮你截取的当前页面的长图。然后你点击可以查看了。查看的时候,我这里使用的是Win11自带的“照片”应用,右键选择“查看实际大小”,你会发现截取的长图清晰度和原网页一模一样,非常棒!
以上就是使用Chrome浏览器自带的截图命令,截取网页长图的操作步骤。