V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Chan6
V2EX  ›  问与答

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

  •  
  •   Chan6 · 2018-08-07 22:53:15 +08:00 · 4412 次点击
    这是一个创建于 2299 天前的主题,其中的信息可能已经有所发展或是发生改变。
    https://www.apple.com/cn/macos/mojave-preview/
    https://www.apple.com/cn/ios/ios-12-preview/

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

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

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

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


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



    @Chan6
    效果一般,第二张图有问题,可能是我电脑渲染性能太低造成的
    Chan6
        32
    Chan6  
    OP
       2018-08-09 15:12:59 +08:00
    @CommandZi
    @NEETLEE
    页面已经滚动了,而且拉到最下面。我自己用 fireshot 保存上面的页面老是出错,但是其它简单一些的页面却没有问题。不知道什么原因。
    lynan
        33
    lynan  
       2018-08-09 17:28:30 +08:00
    特地试了一下。我的电脑上 fireshot 可以截。windows
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1107 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 18:44 · PVG 02:44 · LAX 10:44 · JFK 13:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.