截图网页长图最佳实践

以前都是用360等一些浏览器截取网页的长图,今天让我发现一个更好用的工具。
我发现 Chrome 开发者工具中其实自带了截图命令。

提示

要想使用截图功能,你需要首先确保 Chrome 已升级至 59 或更高版本。

在想要截图的网页中,首先进入调试模式,可以右键选择审查元素或 ⌘Command + ⌥Option + I,召唤出调试界面。 接着按 ⌘Command + ⇧Shift + P``(Windows ``Ctrl + Shift + P

输入命令 Capture full size screenshot (只输前几个字母就能找到,比如 full )敲下回车 Chrome 就会自动截取整个网页内容并保存至本地。由于是渲染引擎直接输出,其比普通扩展速度更快,分辨率也更高。

https://lsol-house-upload.oss-cn-hangzhou.aliyuncs.com/2019-11-22/9acfdda8-e8c4-4bc4-b141-c98d9dcb5c6e.png