Chan6
V2EX  ›  问与答

如何将整个网页内容保存为图片?多次尝试均失败……

  •  
  •   Chan6 · Aug 7, 2018 · 5626 views
    This topic created in 3011 days ago, the information mentioned may be changed or developed.
    https://www.apple.com/cn/macos/mojave-preview/
    https://www.apple.com/cn/ios/ios-12-preview/

    将上面 2 个网页整个(滚动查看的整个)保存为图片,使用了 Chrome 的打印法,安装了很强大的 fireshot 插件,仍然保存失败。

    大佬们帮忙试试怎样能够成功?
    33 replies  •  2018-08-09 17:28:30 +08:00
    MacTavish123
    MacTavish123
    Aug 7, 2018 via Android
    1
    滚动截屏的软件,比如 Picpick。如果失败尝试换换浏览器。估计你这两个网页的动态效果肯定截不到,甚至会有错误。
    Chan6
    Chan6
    OP
    Aug 7, 2018
    2
    @xiaozecn 是的,要么报错,要么保存的内容缺失很多。
    MasterofNone
    MasterofNone
    Aug 7, 2018 via iPhone
    3
    opera 自带保存为 pdf
    LeungJZ
    LeungJZ
    Aug 7, 2018❤️5
    4
    f12/检查 -> 选择需要截图的 DOM -> cmd+shift+p -> capture node screenshot
    https://ww3.sinaimg.cn/large/005YhI8igy1fu1ke2i7zej319u1j2k5p

    截图效果。
    https://ww3.sinaimg.cn/large/005YhI8igy1fu1kfeaaw3j31kw0v31kx
    0attocs
    0attocs
    Aug 7, 2018❤️2
    5
    Chrome - F12 - Ctrl+Shift+P - capture fullsize screenshot
    0attocs
    0attocs
    Aug 7, 2018
    6
    @0attocs 也不行,等正确姿势
    OscarUsingChen
    OscarUsingChen
    Aug 8, 2018
    7
    对 DOM 用截图选项即可, @LeungJZ 说得没错,效果如图 https://d.pr/i/NuMU0m
    yingfengi
    yingfengi
    Aug 8, 2018 via Android
    8
    firefox 打开,右键,截图,全网页
    CatcherO
    CatcherO
    Aug 8, 2018 via Android
    9
    chrome 插件 WEB 前端助手
    lmmortal
    lmmortal
    Aug 8, 2018 via Android
    11
    记得 Firefox 的 F12 有节点截图功能
    wxt
    wxt
    Aug 8, 2018 via Android
    12
    搜狗浏览器,网页另存为图片。
    GLaDOSi
    GLaDOSi
    Aug 8, 2018 via Android
    13
    Firefox 点可以截完整的长图
    dream7758522
    dream7758522
    Aug 8, 2018
    14
    这不,今天有人发布截图网站,你试试?
    https://www.v2ex.com/t/477818
    Chan6
    Chan6
    OP
    Aug 8, 2018
    15
    @LeungJZ
    @OscarUsingChen
    我选中了整个 body 元素,截取的东西不显示内容……好吧,其实我不知道 dom 是什么东西……

    @GLaDOSi
    @lmmortal
    @yingfengi
    Firefox 截图有点糊啊。
    RiESA
    RiESA
    Aug 8, 2018
    16
    打印呗,虚拟打印机直接输出成 PDF
    Chan6
    Chan6
    OP
    Aug 8, 2018
    17
    @RiESA 你打印看看
    RiESA
    RiESA
    Aug 8, 2018
    18
    @Chan6 懂了....这太奇葩了
    nicoljiang
    nicoljiang
    Aug 8, 2018
    19
    @LeungJZ 666 学了一招,而且截图效率很高。
    s2555
    s2555
    Aug 8, 2018
    20
    360 浏览器,网页另存为图片,这个浏览器的唯一用途
    applecare
    applecare
    Aug 8, 2018
    21
    傲游浏览器 (CTRL+F2)页面截图 完美保存。相同功能的还有搜狗和 360
    jkjoke
    jkjoke
    Aug 8, 2018
    22
    @LeungJZ 学到了
    henryshen233
    henryshen233
    Aug 9, 2018
    23
    Mac App Store 有个 App 叫做 BrowseShot,不知道满不满足你需求


    Chan6
    Chan6
    OP
    Aug 9, 2018
    24
    @henryshen233 好的,多谢!
    F2Sky
    F2Sky
    Aug 9, 2018
    25
    这是我整理出来的截图方法,供大家参考: https://fengooge.blogspot.com/2018/08/how-to-take-screenshots.html
    NEETLEE
    NEETLEE
    Aug 9, 2018
    26
    chrome 扩展 fireshot 了解一下
    Chan6
    Chan6
    OP
    Aug 9, 2018
    27
    @NEETLEE 你有试过截取帖子里面 2 个地址吗?
    CommandZi
    CommandZi
    Aug 9, 2018
    28
    @Chan6 不显示内容是因为你没有滚动页面加载内容。苹果这些页面内容好像都是异步加载。
    wangfei324017
    wangfei324017
    Aug 9, 2018 via iPhone
    29
    试试 xnip,app store 可以搜到
    NEETLEE
    NEETLEE
    Aug 9, 2018
    30
    @Chan6 试过,但是这种有过渡动画的页面效果不太好,能正常保存哟
    NEETLEE
    NEETLEE
    Aug 9, 2018
    31



    @Chan6
    效果一般,第二张图有问题,可能是我电脑渲染性能太低造成的
    Chan6
    Chan6
    OP
    Aug 9, 2018
    32
    @CommandZi
    @NEETLEE
    页面已经滚动了,而且拉到最下面。我自己用 fireshot 保存上面的页面老是出错,但是其它简单一些的页面却没有问题。不知道什么原因。
    lynan
    lynan
    Aug 9, 2018
    33
    特地试了一下。我的电脑上 fireshot 可以截。windows
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3033 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 1548ms · UTC 04:40 · PVG 12:40 · LAX 20:40 · JFK 23:40
    ♥ Do have faith in what you're doing.