首页 > 其他分享 >小技巧 之 Google Chrome 快速截取网页长屏

小技巧 之 Google Chrome 快速截取网页长屏

时间:2022-11-10 19:35:03浏览次数:46  
标签:Google 网页 Chrome 截取 长屏 Mac 浏览器


LZ-Says:有时候,突然就想对一个人蔫坏,蔫坏,讲不清。



小技巧 之 Google Chrome 快速截取网页长屏_右键


前言

Mac 的酸爽,也只有体会的人知晓。配个超大屏,简直要上天~

俗话说,Mac 命令 666,大神嗖嗖嗖,小白俩眼懵。

一点一滴,慢慢补起来,万一某天变得很优秀呢?

某天,大哥教我一招快速截取长网页骚操作,趁着还有些记忆,赶紧记录下~

基于 Google Chrome 浏览器哦~!!!
基于 Google Chrome 浏览器哦~!!!
基于 Google Chrome 浏览器哦~!!!

Chrome 快速截取长网页并生成图片

好比如下这个网页,我们想要截取整个网页长图该怎么做呢?

小技巧 之 Google Chrome 快速截取网页长屏_右键_02


很 easy,按照如下步骤,分分钟带你飞~Step 1: 在想要截取长图片网页上右键选择 检查

小技巧 之 Google Chrome 快速截取网页长屏_开发者_03


随后如下所示,打开开发者调试模式:

小技巧 之 Google Chrome 快速截取网页长屏_开发者_04


当然也有快捷键召唤:

  • Mac OS: command + option + i
  • Windows: F12

Step 2: command + option + p 召唤神兽

小技巧 之 Google Chrome 快速截取网页长屏_chrome_05


Step 3: 键入 Capture full size screenshot,直接复制随后回车即可

小技巧 之 Google Chrome 快速截取网页长屏_chrome_06


随后便开始下载:

小技巧 之 Google Chrome 快速截取网页长屏_chrome_07


LZ 这里稍微压缩下看下效果,是不是很 Nice。

小技巧 之 Google Chrome 快速截取网页长屏_Chrome_08


鸡大说的 Just do it,实践起来,还真的是很难啊。

各种各样的原因。

好吧,不找借口了。努力。

2020.01.15

补充一种方式:

小技巧 之 Google Chrome 快速截取网页长屏_Chrome_09


标签:Google,网页,Chrome,截取,长屏,Mac,浏览器
From: https://blog.51cto.com/u_13346181/5841976

相关文章