57

Слайд-шоу на веб-сайте New York Times, кажется, использовали некоторую хитрость, чтобы * вызвать правый щелчок в Firefox (и IE/Chrome), а затем "просмотреть изображение" или "скопировать изображение", чтобы получить 1 x 1 пиксель. Изображения также не будут печататься.

Как я могу обойти этот короткий снимок экрана? Бонусные баллы за описание, как они это сделали.

* В конце концов, Ijgww указал, что это, скорее всего, не обман, а скорее из-за некоторых ограничений браузера, требующих такого странного поведения, о чем свидетельствует изображение этой статьи, где функции копирования, вставки и печати работают правильно. Мораль истории: никогда не принимайте отрицательных намерений.

Если это слайд-шоу, это может быть вовсе не обман. Многие решения для слайд-шоу возможны, только если изображение находится в фоновом режиме с помощью CSS из-за возможности обрезки в X-браузере. И 1x1 пиксель используется для определения размера обрезки.

11 ответов11

82

New York Times создает элемент <div> содержащий растянутое и прозрачное однопиксельное изображение, и находит реальное изображение на фоне:

<div class="centeredElement" style="background-image:url('http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg');width:600px; height:400px;">
<img width="600" height="400" src="http://graphics8.nytimes.com/images/misc/pixel.gif" />
</div>

Чтобы сохранить изображение:

  1. Щелкните правой кнопкой мыши по нему.
  2. Нажмите Просмотр информации об изображении.
  3. Выберите реальное изображение (одно над однопиксельным изображением).
  4. Нажмите Сохранить как ...

Как распечатать страницу:

  1. Нажмите Ctrl + P.
  2. Войдите на вкладку « Параметры ».
  3. Проверьте печать фоновых изображений.
  4. Нажмите Печать.
49
  1. Используйте плагин AdBlockPlus, щелкните правой кнопкой мыши по изображению и заблокируйте его (выберите последний вариант «custom ... pixel.gif»). Отныне, обновив страницу один раз, вы сможете щелкнуть правой кнопкой мыши по изображению и выбрать «просмотреть фоновое изображение» и вуаля!

    Это лучший вариант, так как выполняется только один раз, что позволит вам всегда сохранять изображения из галерей без дополнительных усилий.

  2. С плагином Firebug под Firefox или с опцией встраивания в Chrome выберите «проверить элемент». Затем вы увидите HTML-код, указывающий на тег img с помощью src на хитрый pixel.gif. У div, содержащего его, правильное изображение установлено в качестве фона. Просто скопируйте URL-адрес изображения из стиля элемента div (background-image:url), и все готово.

17

Поскольку вы пометили вопрос с помощью firefox и пометили как правильный метод, описывающий, как сохранить изображение, я предлагаю следующую альтернативу:

  • Или:
    • Щелкните правой кнопкой мыши на странице -> View Page Info о странице.
    • Выберите Tools -> Page Info в строке меню.
  • Выберите Media Tab во всплывающем окне.
  • Найдите изображение, которое вы ищете, и нажмите кнопку « Save as . Сортировка мультимедиа по размеру обычно помогает быстрее получить изображение, которое вы ищете.

светлячок-страничный-инфо

Этот метод будет работать со слайд-шоу NY Times. Тем не менее, это наиболее удобно с:

  1. Страницы, которые содержат несколько изображений, которые вы хотите скачать. Вы можете выбрать несколько файлов из списка мультимедиа и сохранить их все одним нажатием кнопки Save as .
  2. Страницы с глупыми ограничениями при щелчке правой кнопкой мыши (например, слайд-шоу IMDB). Этот метод избавляет вас от необходимости отключать, а затем снова включать JavaScript.
15

Щелкните правой кнопкой мыши и выберите «Проверить элемент в Chrome». Теперь скопируйте URL в поле фонового изображения

Что дает мне фактическую ссылку

http://graphics8.nytimes.com/images/2011/09/21/dining/20110921-ROSH-slide-CBSF/20110921-ROSH-slide-CBSF-slide.jpg

введите описание ссылки здесь

6

Если это слайд-шоу, это может быть вовсе не обман. Многие решения для слайд-шоу возможны, только если изображение находится в фоновом режиме с помощью CSS из-за возможности обрезки в X-браузере. И 1x1 пиксель используется для определения размера обрезки.

Другие уже ответили, как скачать такую картинку. Я просто хотел пролить немного света на эту тему, а не собирать награды.

Ура!

3

Я бы просто использовал букмарклет JavaScript для замены фиктивного изображения реальным, а затем вы можете просто сохранить его или перетащить на рабочий стол.

Выберите и перетащите приведенный ниже код прямо на панель инструментов браузера своего браузера, затем нажмите, чтобы запустить его на каждой странице, с которой вы хотите просмотреть изображение:

javascript: var div = document.getElementsByClassName('image')[0]; var url = div.getElementsByClassName('centeredElement')[0].style.backgroundImage.replace(/^url\("|"\)$/g, ''); div.getElementsByTagName('img')[0].src = url; void(0);

Это будет работать только на этом сайте, и только тогда, когда у них установлен HTML, как они делают сейчас.

2

Используйте Chrome, щелкните правой кнопкой мыши по изображению, выполните проверку элемента. Игнорируйте тег изображения и ищите фоновый URL для div, который дает вам истинный путь к изображению, который вы можете скопировать, загрузить в новую вкладку и сохранить

2

Вот общее решение, которое должно работать на любом сайте.

Установите и запустите Fiddler. Перейдите на сайт с изображением.

Проверьте захваченный журнал трафика, который был захвачен в Fiddler, и вы найдете все изображения, которые были загружены в ваш браузер.

1

Нажмите PrtScrn, откройте программу рисования, вставьте.

Если вы используете Windows: для захвата только активного окна: Alt + PrtScrn, если Vista или выше, вы можете использовать инструмент для разрезания только для захвата выбора.

1

Все изображения, которые вы видите в вашем браузере, хранятся в кеше где-то на вашем жестком диске. Вы можете использовать инструмент для кеширования, чтобы извлечь изображения после сеанса просмотра. И не нужно экономить по одному. Одним из инструментов, которые вы можете использовать, является cacheCopy. Позволяет выбрать браузер, выбрать кеш. Насколько большие (размер файла или разрешение) изображения вы хотите сохранить. А также позволяет вам дать вашим файлам правильное имя.

Недостатком этого подхода является необходимость отфильтровывать изображения с целевого сайта из всего остального в вашем кэше. Но этого можно избежать, если очистить кэш перед началом просмотра собранных изображений. Также этот инструмент не работает в приватном режиме, так как кеш там не используется.

Отказ от ответственности: это бесстыдная вилка. Я автор этого приложения.

0

В общем: Chrome / Inspele Element / вкладка Ресурсы / Frames / единственный кадр на странице / Изображения. В мире нет хитрости, которая могла бы скрыть изображение из этого списка.

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