Як я можу захопити або надрукувати всю область прокрутки цієї динамічної веб-сторінки?


4

Я намагаюся зберегти (як у: для друку / розміщення його в 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 ...)

Як я можу зберегти таблицю, як вона відображається на екрані (ціла, прокручена, таблиця) ??

Відповіді:


2

Ви можете зробити це за допомогою комбінації деяких додатків Firefox:

  • Aardvark , І
  • Firebug або Стильний, І
  • ScreenGrab або якийсь плагін PDF-принтера або апаратний принтер.

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(ізолювати).

    Aardvark

  6. Відкрийте Firebug (у грі має бути кнопка в правому або нижньому правому куті браузера). Виберіть <body>вузол і зміна overflowвід hiddenдо auto.

    Firebug

  7. Відкрийте print preview > page setup > optionsі поставте галочку "друкувати кольори та зображення фону".


У моєму випадку все, що мені потрібно було, - це змінити overflowвластивість на що-небудь, крім авто. Тоді Screengrab працював як шарм
Радек

0

Мені вдалося досягти цього за допомогою комбінації IE 9 або FF 7 та FastStone Capture (пробна версія). Це збереже його в PNG або PDF. Хитрість полягає в тому, щоб змінити стиль сторінки у веб-переглядачі з Типового (або Основного) на "Не стиль", а потім зробити знімок екрана. Коли ви використовуєте FastStone, вам потрібно буде використовувати 6-й значок зліва - той, який має стрілку вниз.


"Хитрість полягає в тому, щоб змінити стиль сторінки у веб-браузері з Типового (або Основного) на" Без стилю "" - проблема полягає в тому, що якщо я зміню стиль на no style... більше немає таблиці! Якщо я відключую стиль, інформація, яку передбачається відображати на сторінці, для мене повністю втрачається. Ви все ще бачите таблицю з галочками та зеленими колами, якщо ви перейдете на no style??
Мартін
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.