如何将整个网页内容保存为图片?多次尝试均失败…… - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Chan6
V2EX    问与答

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

  •  
  •   Chan6 2018-08-07 22:53:15 +08:00 4826 次点击
    这是一个创建于 2631 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
    MacTavish123
        1
    MacTavish123  
       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
    这不,今天有人发布截图网站,你试试?
    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  
    PRO
       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     Soana     2966 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 13:37 PVG 21:37 LAX 06:37 JFK 09:37
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86