如何将nytimes.com幻灯片图像复制到剪贴板?


57

《纽约时报》网站上的幻灯片似乎使用了一些技巧来 *在Firefox(和IE / Chrome)中单击鼠标右键,然后在“查看图像”或“复制图像”上返回1 x 1像素。图像也不会打印。

我该如何绕开屏幕截图的这一段?奖励积分,描述他们如何做到的。

*最后,Ijgww 指出这可能不是一件容易的事,这可能是由于某些浏览器的限制要求这种奇怪的行为所致,正如本文的image所示,此处的复制,粘贴和打印功能正常。故事的寓意:永远不要承担负面意图。

如果是幻灯片放映,那可能根本就不是骗术。由于x浏览器的裁剪功能,仅当图像在背景中被CSS吸引时,许多幻灯片解决方案才有可能。1x1像素用于定义作物大小。


2
我会给网站发送电子邮件,解释我是谁,并索要图片
加拿大路加福音

8
@Luke这是不可行的,我也不必这样做。这很容易落入合理使用版权准则之内。
glenviewjeff 2012年

4
您如何准确提供奖励积分?
戴夫

1
@DaveRook赏金吗?您将永远不知道,除非您尝试...
glenviewjeff 2012年

1
我没有说明复制图像的目的。我也不必这样做。将图像复制到计算机剪贴板或打印图像时,可能存在无限的有效合理使用案例。例如; 打印出来并将其装订到孩子的额头上。
glenviewjeff 2012年

Answers:


82

纽约时报创建了一个<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年代以来,大多数互联网用户就没有技术知识。
Dan Neely 2012年

11
而且,使其变得更复杂没有太多好处。那些被琐碎的事情拦住的人与能够使用其浏览器adblock / webdev工具来找出如何直接撕开图像,或者能够询问并遵循其他人的指示之间的差距很小 同时,将所有多余的内容添加到页面会减慢下载和渲染的速度,这会令人讨厌eveyone。
Dan Neely 2012年

9
@EliotBall如果太明显了,那么为什么在SuperUser上会有这个问题?现在,考虑有多少人永远不会听说超级用户……
MattiSG 2012年

5
@DanNeely-“ 永恒的九月 ”始于1993年。)
BryanH 2012年

49
  1. 使用AdBlockPlus插件,右键单击图片并将其屏蔽(选择最后一个选项“ custom ... pixel.gif”)。从现在开始,刷新页面一次后,您将可以在图像上单击鼠标右键,然后选择“查看背景图像”,瞧!

    这是最好的选择,因为只有一次,这将使您始终无需额外的努力即可保存图库中的图像。

  2. 使用Firefox下的Firebug插件或Chrome中的内置选项,选择“检查元素”。然后,您将看到HTML代码,其中src指向img标签,而src则是鬼鬼the的pixel.gif。包含它的div将正确的图片设置为背景。只需从div元素的样式(background-image:url)复制图像url,就可以完成。


我最喜欢您的解决方案,但是由于解释,我接受了@Dennis的解决方案。
glenviewjeff 2012年

我也想解释一下,但是急于粘贴示例HTML代码时遇到了一些问题,因此最终跳过了它。好吧,也许下次我会得到绿色的“ V”。最重要的是,我的回答对您有所帮助:)
topr 2012年

+1,这(使用ABP)正是我在这种情况下所做的。
卡兰(Karan)2012年

1
歌剧浏览器无需插件即可阻止任何内容。至于adblock,请对您喜欢的网站使用白名单,因为他们需要广告来赚钱。
Manu 2012年

1
@manu在Opera中添加了基于DOM的内置阻止功能,或者您是否还需要插件来实现URL过滤器以外的功能?
Dan Neely 2012年

17

由于您已经用firefox标记了问题,并且已将描述如何保存图像的方法标记为正确,所以建议以下替代方法:

  • 要么:
    • 右键单击页面-> View Page Info
    • 从菜单栏中选择Tools-> Page Info
  • Media在弹出的窗口中选择标签。
  • 浏览到您要查找的图像,然后单击Save as按钮。按尺寸对媒体进行排序通常可以帮助您更快地找到所需的图像。

火狐页面信息

此方法适用于“纽约时报”幻灯片放映。但是,它最方便的是:

  1. 包含要下载的多个图像的页面。您可以从媒体列表中选择多个文件,然后单击一下将它们全部保存Save as
  2. 右键单击具有愚蠢限制的页面(例如IMDB幻灯片)。此方法使您不必禁用然后重新启用javascript。

4
那是一些好吃的鸡肉。
罗素·博罗戈夫

2
@RussellBorogove为什么您认为我要打印它?
glenviewjeff 2012年


6

如果是幻灯片放映,那可能根本就不是骗术。由于x浏览器的裁剪功能,仅当图像在背景中被CSS吸引时,许多幻灯片解决方案才有可能。1x1像素用于定义作物大小。

其他人已经回答了如何下载此类图片。我只是想向这个主题阐明其他观点,而不是为了获得赏金。

干杯!


您似乎是正确的!有趣的是,我们当中有多少人被误认为是恶意。编辑问题和标签。
glenviewjeff 2012年

这是javascript程序员的答案(一个偷偷摸摸的网页设计师所做的事情);)感谢您的观点:)
ljgww 2012年

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

这是适用于任何网站的通用解决方案。

安装并启动Fiddler。浏览到带有图像的站点。

检查在Fiddler中捕获的捕获的流量日志,您将找到所有下载到浏览器的图像。


您不需要Fiddler,浏览器也提供该信息(请参阅上面的一些答案)。麻雀和大炮。
Konrad Rudolph 2012年

1
Fiddler解决方案将与所有浏览器一起使用,即使资源是通过Flash或其他嵌入式对象加载的,只要它们是通过HTTP或HTTPS加载的。使用Fiddler,每次都以相同的方式完成该过程。否则,该过程将根据网站或浏览器而略有不同。我并不是说这是最简单的解决方案,而只是一个很好的通用替代方案。
dotnetengineer 2012年

您提到的Flash资源实际上是一个很好的观点。
Konrad Rudolph 2012年

2
不需要添加更多的软件,这对于应该是一个简单过程的复杂性大大增加了。Fiddler还是面向程序员的工具,而不是面向一般计算机高级用户的工具。
杰夫·阿特伍德

@JeffAtwood:尽管我同意您的说法,即(在许多情况下)不必要的复杂性增加,但这并不能否定在某些情况下使用中间代理可能是捕获此内容的唯一合理方法的事实。
dotnetengineer 2012年

1

PrtScrn,打开一个绘画程序,粘贴。

如果使用Windows:仅捕获活动窗口:Alt+ PrtScrn,如果使用Vista或更高版本,则可以使用截屏工具仅捕获选择。


这是所有这些中最通用的解决方案,也是浏览器中永远不会存在“偷”图片的解决方案的原因。
UncleZeiv 2012年

1
实际上,如果图像的分辨率大于显示器可以显示的分辨率,这将是一件痛苦的事情-仍然可行,但会变得乏味。
Thomas

在OP中,“如何绕开屏幕截图?”
glenviewjeff 2012年

抱歉-我将“ short”读为“ sort”,然后假设您是在谈论“ [preventive]屏幕捕获[technology]”。
markmnl 2012年

1

您在浏览器中看到的所有图像都存储在硬盘驱动器上的某个缓存中。您可以使用高速缓存抓取工具在浏览会话后提取图像。无需一一保存。您可以使用的工具之一是cacheCopy。允许您选择浏览器,选择缓存。您想要保存多大(文件大小或分辨率)图像。并且还允许您给文件起一个适当的名称。

这种方法的缺点是,您需要从缓存中的所有其他对象中筛选出目标站点中的图像。但是,如果在开始浏览收集的图像之前清除缓存,可以避免这种情况。另外,此工具在私有模式下不起作用,因为那里没有使用缓存。

免责声明:这是一个无耻的插件。我是该应用程序的作者。


嗯..出于任何目的。最初是为抓Flickr创建的
Trailmax 2012年

0

一般而言:Chrome /检查元素/资源标签/框架/页面中唯一的框架/图像。世界上没有任何骗子可以隐藏此列表中的图像。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.