Як можна скопіювати зображення слайд-шоу nytimes.com до буфера обміну?


57

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

Як я можу обійти цей короткий момент зйомки екрана? Бонусні бали за опис того, як вони це зробили.

* Зрештою, Ijgww зазначив, що це, ймовірно, не хитрість, що, напевно, це пов'язано з деякими обмеженнями веб-переглядача, що вимагають такої дивної поведінки, про що свідчить зображення цієї статті , де функція копіювання, вставки та друку правильно функціонує. Мораль історії: ніколи не приймайте негативні наміри.

Якщо це слайд-шоу, це може зовсім не бути хитрістю. Багато рішень для слайд-шоу можливі лише в тому випадку, якщо зображення знаходиться у фоновому режимі за допомогою css за рахунок засобів обрізки x-браузера. А для визначення розміру врожаю використовується піксель 1x1.


2
Я б по електронній пошті на сайті, пояснити , хто я і попросити зображення
канадський Люк відновив MONICA

8
@Luke Це неможливо, і я не повинен цього робити. Це легко підпадає під керівництво авторським правом.
glenviewjeff

4
Як ви точно пропонуєте бонусні бали?
Дейв

1
@DaveRook щедрота? Ви ніколи не дізнаєтесь, поки не спробуєте ...
glenviewjeff

1
Я не зазначив мету копіювання зображення; і я не повинен. Вірогідні нескінченно дійсні випадки добросовісного використання для копіювання зображення в буфер обміну комп'ютера або його друку. Наприклад; роздруковуючи його і приклеюючи до чола дитини.
glenviewjeff

Відповіді:


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. Клацніть Друк .

4
Думає, що їх думати, що цей вид хитрості заважатиме користувачам робити знімки.
Еліотський бал

51
@EliotBall Я був би шокований, якби він не мав> 95% успішності. Більшість користувачів Інтернету не були технічно грамотними ще з 90-х років.
Ден Нілі

11
Крім того, не так вже й багато користі, щоб зробити його складнішим. Розрив між тими, кого зупинило щось тривіальне, і тими, хто вміє користуватися своїми браузерами інструментами adblock / webdev, щоб зрозуміти, як вирвати зображення безкоштовно або безпосередньо, або вміють запитувати та виконувати вказівки у когось іншого, хто може дуже маленький. Тим часом додавання всіх зайвих матеріалів на сторінку уповільнює завантаження та рендерінг, дратуючи eveyone.
Дан Нілі

9
@EliotBall Якщо це було так очевидно, то чому це питання про SuperUser? Тепер,
враховуйте,

5
@DanNeely - " Вічний вересень " розпочався в 1993 році;)
BryanH

49
  1. Використовуйте плагін AdBlockPlus, клацніть правою кнопкою миші на зображення та заблокуйте його (виберіть останню опцію 'custom ... pixel.gif'). Відтепер, після оновлення сторінки один раз, ви зможете клацнути правою кнопкою миші на зображенні та обрати "переглянути фонове зображення" та вуаля!

    Це найкращий варіант, зроблений лише один раз, дозволить вам зберігати зображення з галерей завжди без додаткових зусиль.

  2. З плагіном Firebug під Firefox або з вбудованою опцією в Chrome виберіть "перевірити елемент". Тоді ви побачите HTML-код, який вказує на тег img з src на підлий pixel.gif. Див, що містить його, має відповідний малюнок як фон. Просто скопіюйте URL-адресу зображення з стилю елемента div (background-image: url) і все завершено.


Мені найкраще подобається ваше рішення, але я прийняв @ Dennis's через пояснення.
glenviewjeff

Я також хотів пояснити, але поспішаючи виникли проблеми, щоб вставити приклад HTML-коду, щоб остаточно пропустити його. Ну, можливо, наступного разу я отримаю зелений 'V'. Найголовніша моя відповідь корисна для вас :)
topr

+1, це (за допомогою ABP) - саме те , що я роблю в таких ситуаціях.
Каран

1
Оглядач опера може заблокувати що завгодно без плагіна. Щодо рекламного блоку, будь ласка, використовуйте білий список для сайтів, які вам подобаються, їм потрібні гроші на рекламу.
Ману,

1
@manu додала Opera, вбудована в блокування на основі DOM, чи вам все ще потрібен плагін для чого-небудь, що не відповідає фільтрам URL?
Ден Нілі

17

Оскільки ви позначили це питання Firefox і позначили як правильний метод, який описує збереження зображення, пропоную наступну альтернативу:

  • Або:
    • Клацніть правою кнопкою миші на сторінці -> View Page Info.
    • Виберіть Tools-> Page Infoна панелі меню.
  • Виберіть MediaTab у вікні, що з'явиться.
  • Перейдіть до потрібного зображення та натисніть Save asкнопку. Сортування медіа за розміром зазвичай допомагає швидше отримати зображення, яке ви шукаєте.

firefox-page-info

Цей метод буде працювати з слайд-шоу "NY Times". Але це найбільше зручно:

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

4
Це якась смачна на вигляд курка.
Рассел Борогов

2
@RussellBorogove чому ти думаєш, що я хотів її надрукувати?
glenviewjeff

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 піксель використовується для визначення розміру врожаю.

Інші вже відповіли, як завантажити таку картинку. Я просто хотів пролити якесь інше світло на тему, а не збирати щедроту.

Ура!


Ви видаєтеся цілком правильними ! Смішно, як багато хто з нас занурився припускати зловмисні наміри. Редагування питань та тегів.
glenviewjeff

Це була відповідь програміста Javascript (той, який підкрадається до того, що роблять веб-дизайнери);) Дякую за бали :)
ljgww

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-адресу для діва, який дає вам справжній шлях до зображення, який ви можете скопіювати, завантажити на нову вкладку та зберегти


1
Наприклад, на основі вашого посилання у запитанні: - graphics8.nytimes.com/images/2011/09/21/dining/…
Роб Коуелл

2

Ось загальне рішення, яке має працювати для будь-якого веб-сайту.

Встановіть і запустіть Fiddler . Перейдіть на сайт із зображенням.

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


Для цього вам не потрібен Fiddler, браузери пропонують і цю інформацію (див. Деякі відповіді вище). Горобці та гармати.
Конрад Рудольф

1
Рішення Fiddler буде працювати з ВСІМ браузерами, і навіть якщо ресурси завантажуються через flash або інший вбудований об'єкт, доки вони завантажуються через HTTP або HTTPS. З Fiddler процедура робиться однаково, кожен раз. Інакше процедура дещо відрізняється від веб-сайту чи браузера. Я не кажу, що це найпростіше рішення, просто гарна універсальна альтернатива.
dotnetengineer

Ваша згадка про Flash-ресурси насправді є досить хорошим моментом.
Конрад Рудольф

2
Додавати більше програмного забезпечення не потрібно, це велике збільшення складності для того, що має бути простим процесом. Fiddler також є інструментом для програмістів, а не загальних користувачів комп'ютерної потужності.
Джефф Етвуд

@JeffAtwood: Хоча я погоджуюся з вашим твердженням, що це було б (у багатьох випадках) непотрібним збільшенням складності, що не заперечує того факту, що використання проміжного проксі-сервера в деяких умовах може бути єдиним розумним способом захоплення цього вмісту .
dotnetengineer

1

Натисніть PrtScrn, відкрийте програму фарби, наклейте.

Якщо ви використовуєте Windows: для зйомки лише вікно acive: Alt+ PrtScrn, якщо Vista чи новіші, ви можете використовувати інструмент для прорисування лише для вибору виділення.


ЦЕ є найзагальнішим рішенням із усіх, і причина, чому в браузерному рішенні "крадіжки" фотографій ніколи не знайдеться.
UncleZeiv

1
Насправді це біль, якщо зображення охоплює роздільну здатність, більшу, ніж може відображатися на вашому моніторі - все-таки це можливо, але воно стає стомлюючим.
Томас

З ОП: "Як я можу обійти цей короткий момент захоплення екрана ?"
glenviewjeff

вибачення - я читав "короткий" як "сортування", тоді припускав, що ви говорили про "[профілактичний] захоплення екрана [технологія]".
markmnl

1

Усі зображення, які ви бачите у своєму браузері, зберігаються в кеші десь на вашому жорсткому диску. Для витягування зображень після сеансу перегляду ви можете використовувати інструмент для копіювання кеша. І не потрібно економити один за одним. Один з інструментів, якими ви можете скористатися, - це cacheCopy . Дозволяє вибрати браузер, вибрати кеш. Наскільки великі (розмір файлу чи роздільну здатність) зображення ви хочете зберегти. А також дозволяє надати своїм файлам власне ім’я.

Мінус цього підходу вам потрібно буде відфільтрувати зображення з цільового сайту з усіх інших у вашому кеші. Але цього можна уникнути, якщо очистити кеш-пам'ять перед початком перегляду зібраних зображень. Також цей інструмент не працює в приватному режимі, оскільки кеш там не використовується.

Відмова: це безсоромна пробка. Я автор цього додатка.


гм .. з будь-якою метою. Спочатку створений для захоплення
флікр

0

Загалом: Chrome / Огляд елемента / вкладка "Ресурси" / "Кадри" / єдиний кадр на сторінці / Зображення. У світі немає жодної хитрості, яка могла б приховати зображення із цього списку.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.