• 用Chrome(谷歌浏览器)对长网页(微信公众号、知乎)进行完整的截图


    当需要对一个较长的网页进行完整截图时,可以直接使用谷歌浏览器(Chrome)自带的截图功能完成,不需要依赖第三方截图软件。

    1. 打开网页

    以微信公众号的页面作为示例:https://mp.weixin.qq.com/s/lyBoTpAHrysZQpO9xB9euA

    由于微信公众号里的文章图片进行了延迟加载处理,因此需要从上到下滚动全文,确保每个图片都正确加载出来了再进行截图

    2. 打开开发者工具

    打开 Chrome 的开发者工具有几种方法。最简单的是按 F12,或者按Ctrl + Shift + I(字母 i),或者用鼠标点击菜单栏的【更多工具】【开发者工具】。

    3. 开启手机浏览模式

    点击开发者工具的手机设备图标,激活模拟手机设备浏览。

     打开的网页会变成像在手机上浏览一样:

    4. 进行截图

    在开发者工具里切换到 Console 标签,输入快捷键 Ctrl + Shift + P,会出现一个小输入框,在里面直接输入 Capture,在自动提示出来的下拉列表中选择 “Capture full size screenshot”,敲击回车,Chrome 就会开始对整个网页进行截图了。

    5. 截图展示

    图片下载

    请注意:此截图展示已经被我用工具手工的减小了体积!

    P.S.

    新版的 chrome 在 capture 下拉选择框新增了 “capture area screenshot”,指定在网页的任意区域截图。

  • 相关阅读:
    16级第三周寒假作业F题
    16级第三周寒假作业E题
    16级第二周寒假作业J题
    16级第二周寒假作业B题
    16级第一周寒假作业D题
    16级第一周寒假作业F题
    Drupal8 社区文档之Drupal的概述
    Drupal 社区文档之一般概念
    Drupal 8 目录结构
    PhpExcel中文帮助手册|PhpExcel使用方法
  • 原文地址:https://www.cnblogs.com/imzhi/p/google-chrome-capture-full-size-screenshot.html
Copyright © 2020-2023  润新知