2

Если вы зайдете в раздел поиска магазинов Walmart и введете свой почтовый индекс, вы получите список из 20 магазинов вместе с картой рядом с ним. Я хотел бы сделать снимок экрана карты и списка в полном объеме. Я не против сделать два шага: 1) карту и 2) список.

Тем не менее, я не могу понять, как получить скриншот этого длинного списка. Как видите, видна только небольшая часть списка. Кроме того, это не обязательно должен быть скриншот. Я был бы удовлетворен копированием и вставкой, но структура списка разрушается, когда я делаю это. Предметы на правой стороне списка (параметры раскладки и в этом магазине), в конечном итоге, идут вниз, а не вправо, как они есть.

2 ответа2

1

Снимок экрана не полностью, так как часть, которая интересна для постера, скрыта

Мое решение требует некоторого волнения, но работает.

Я объясню это с помощью Firefox, но аналогичные операции могут быть выполнены с современными браузерами, которые все теперь имеют встроенный инспектор html/css.

  • щелкните правой кнопкой мыши внутри прокручиваемого списка, в самом верхнем левом углу, выберите "Проверить элемент": всплывающее окно с HTML-кодом слева и CSS-кодом справа.

  • на дисплее HTML-кода найдите запись, которая гласит: <div id="resultStores" style="height:311px;"></div> . Отредактируйте эту запись, заменив рисунок между height: и px; со словом auto

=> <div id="resultStores" style="height:auto;"></div>

  • Посмотрите над этой записью, вы найдете другой div, <div id="searchInfo">

  • обратите внимание на панель CSS справа блок под названием #searchinfo с overflow: hidden в нем. Заменить hidden слово на visible

Тада, теперь на твоей странице должен отображаться полный список

Познакомьтесь с процессом, и теперь пришло время установить утилиту для скриншота на полную страницу. С Firefox я рекомендую плагин Fireshot .

  • установить высоту <div id="resultStores"> на auto
  • установить переполнение <div id="searchInfo"> на visible
  • тем же инструментом инспектора вы также можете удалить два блока в нижнем колонтитуле, которые будут мешать и испортить часть снимка экрана: щелкните правой кнопкой мыши, чтобы просмотреть эти элементы, щелкните правой кнопкой мыши еще раз, чтобы удалить узел, повторите.
  • щелкните правой кнопкой мыши на странице и используйте FireShot для захвата полной страницы.

И вуаля :)

Надеюсь, это поможет.

0

То, что вы ищете, называется "скриншот полной страницы". Поскольку вы еще не сказали, какой браузер вы используете, трудно рекомендовать приложение, но вот несколько примеров:

http://www.designer-daily.com/5-ways-to-capture-full-webpage-screenshots-15291 http://www.techsmith.com/snagit.html

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .