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

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

我正在尝试保存(如:为了打印/将其放入 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 中 - 也没有成功。

我也尝试过这个工具鸭子捕捉,它表示应该能够“捕获高大的网站”,但该工具无法滚动此页面上的表格。(我假设是因为表格及其滚动条是从 javascript 动态生成的...)

我怎样才能保存屏幕上显示的表格(整个、滚动的表格)?

答案1

你可以使用一些 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并勾选“打印背景颜色和图像”。

答案2

我能够通过 IE 9 或 FF 7 的组合来实现这一点FastStone 捕获(试用版)。这会将其保存为 PNG 或 PDF。诀窍是将 Web 浏览器中的页面样式从默认(或基本)更改为“无样式”,然后截取屏幕截图。使用 FastStone 时,您需要使用左侧第 6 个图标 - 带有向下箭头的图标。

相关内容