解决方案 - 网页长屏截图

请注意,作者认为这篇文章不适合作为参考,仅作存档。敬请留意。

如何截取整个网页为一个图片?这是个好问题。

亘古以来,各路英雄好汉都给出了不同的答案。

用软件、用扩展 balabala...

在此以前,我保存一个网站的方式是用Google Chrome的保存功能保存为pdf。pdf文件不但更小,更轻便,而且方便保存在网上。

前几天,在v2ex上看到一个了不得的东西。直接刷新了我的三观。

stm原来长屏截图还有这种操作????

在Google Chrome里面,打开开发人员工具(网站上任意空白处右键 - 选择“检查”或者“审查元素”。

快捷键 Ctrl+Shift+P ,会看到右边的审查元素出来了一个好看的框框 - 输入 screenshot ,啥也不要看,直接回车!

然后....一张非常清晰的全屏截图就下载到了你的电脑里面...比如我现在编辑博文的页面 -

 

一些扩展

如果你想分享一整个网页给你的朋友,你甚至可以精确到设备的分辨率给他们定制截图,然后用QQ或者微信发送。

比如说,你知道对方用iPhone 7,那么你就可以在审查元素里面选择 iPhone 7,然后 快捷键 - 输入screenshot - 回车。

比如,这里是一张完美适配 iPhone7  的截图。

点赞
  1. 蝉時雨说道:

    哇~~ 学到了学到了~~ 试了下好厉害的样子

    1. Huangxin说道:

      装逼专用2333

  2. Dong说道:

    还有这样的操作 OωO

    不过亲测,不好用~

    1. Dong说道:

      >full size screenshot 在这个页面(就是当前页面)试了好几遍,截图都不完整。换其他网站比如google试就可以 (⊙﹏⊙)

发表评论

电子邮件地址不会被公开。必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据