如何捕获或打印这个动态网页的整个滚动区域?

Mar*_*tin 6 screen-capture webpage website javascript capture

我正在尝试保存(例如:用于打印/将其放入 PDF 中 - 我对 HTML 不感兴趣,但对 html 的呈现感兴趣,以便能够打印表格或至少离线查看)该汽车网站的表格视图:

http://cc.volkswagen.at/nwapp/nws/ICC3/LNF!de!!!L!!!/?MGN=220&AUVN=&rel=statBanner_Konfigurator&rel=statCc_Caddy

它是德文的,但是导航起来并不是很难,只需点击Vergleichen Sie die Ausstattungen链接,它就会显示一个(很长)的表格:

在此输入图像描述

我根本无法通过打印网站或保存来保存此表。(尝试使用 IE8 和 FF7。)我还尝试选择表格文本并复制并粘贴到 MS Word 中 - 也没有成功。

我还尝试了工具DuckCapture,它说它应该能够“捕获高网站”,但该工具无法滚动此页面上的表格。(我假设因为表格及其滚动条是从 javascript 动态生成的......)

如何保存屏幕上显示的表格(整个表格、滚动表格)?

jak*_*b.g 2

您可以使用一些 Firefox 附加组件的组合来完成此操作:

如果您有物理打印机,Aardvark 和 Firebug 就足够了。

脚步:

  1. 安装Firefox,当前版本是7。

  2. 打开about:config页面,并添加布尔设置extensions.checkCompatibility.7.0= false。

  3. 安装扩展,重新启动 Firefox。

  4. 加载页面并执行任何您想要的操作,使其看起来像您想要打印的效果。

  5. 启动 Aardvark(您应该有右键单击上下文菜单条目来执行此操作)。单击表格中的任意位置,然后按住w(较宽),直到出现屏幕截图中所示的情况(您有 Aardvark 帮助h。较窄的是n,退出 Aardvark = q)。然后单击i(隔离)。

    土豚

  6. 打开 Firebug(浏览器的右下角或右上角应该有按钮)。选择<body>节点并将其overflow从更改hiddenauto

    萤火虫

  7. 打开print preview > page setup > options并勾选“打印背景颜色和图像”。