爱收集资源网

Chrome自带长截图功能,原来如此简单!

网络 2023-06-24 02:02

之前在截网页长截图的时侯,始终找不到挺好的方式,要么是下载软件,而且又不想去下载,要么是一段一段截出来,自己去PS拼,在百度上搜了一下,原先Chrome原生自带长截图的功能,这儿做一个分享。

基础工作:Chrome升级至59或更高版本,之后按下F12(Windows)⌘Command+⌥Option+I(Mac)快捷键,打开调试界面。

2、按下Ctrl+Shift+P(Windows)⌘Command+⇧Shift+P(Mac),输入命令Capturefullsizescreenshot(只输入full就行了),按下回车,Chrome会手动截取整个网页并保存到本地,因为是渲染引擎直接输出,速率更快,帧率更高。

输出长截图如下

太长了,还是直接点击链接查看吧:点击查看原图

并且有时侯发觉,截下来的图片是没有东西的,是透明的,例如我的网站直接用前面那种命令,截下来就是空白的,这么就须要用到下边的命令

网页截图怎么截_手机网页截图怎么截_网页怎么截图全部截到

假如想精准截取网页某一部份,可以按下Ctrl+Shift+C(Windows)⌘Command+⇧Shift+C(Mac),打开嗅探元素,选中你想要的部份后,再运行Capturenodescreenshot命令,之后你会发觉你选择的那块区域早已截取出来

疗效如下:

网页截图怎么截_手机网页截图怎么截_网页怎么截图全部截到

另外,Capturescreenshot命令可以让你截取当前网页的可视部份。

对于想截取联通端的网页,也是有办法的,按下Ctrl+Shift+M(Windows)⌘Command+⇧Shift+M(Mac)快捷键,打开模拟联通设备,选择你的设备机型,再重复前面的命令即可。

手机网页截图怎么截_网页截图怎么截_网页怎么截图全部截到

疗效:

须要说明的一点是,Chrome自带的截图,兼容性可能会有问题,非常是在有延后加载的网页上,截下来的内容,要么是空白的,要么是死机,在我的这个博客就遇见过上述两个现象,所以假如你是比较常使用长截图功能,还是推荐下载安装专业的软件或则插件。

网页怎么截图全部截到
上一篇:中文互联网遭AI污染,罪魁祸首是它! 下一篇:没有了