Nytimes.com slayt gösterisi resimlerini panoya nasıl kopyalayabilirim?


57

New York Times web sitesindeki slayt gösterileri, Firefox'ta (ve IE / Chrome) sağ tıklayıp "1 görüntüyü" veya "görüntüyü kopyala" ya da 1 x 1 piksel döndürmek için bazı hileler kullanmış görünüyor . Görüntüler de basılmıyor.

Ekran görüntüsünün bu kısa kısmını nasıl atlayabilirim? Nasıl yaptıklarını açıklayan bonus puanlar.

* Bu Ijgww olduğunu biter işaret bu de işaret ettiği gibi bu nedeniyle bu garip davranışı gerektiren bazı tarayıcı sınırlamalar yerine muhtemelen o, muhtemelen hile olmadığını bu makalenin resmin kopyalama, yapıştırma ve baskı fonksiyonu doğru. Hikayenin ahlaki: asla olumsuz niyet almayın.

Bir slayt gösterisi ise, hiç kandırmaca olmayabilir. Pek çok slayt gösterisi çözümü, yalnızca x-browser kırpma olanaklarından dolayı görüntü css tarafından arka planda olduğunda mümkündür. Ve 1x1 piksel, ürün boyutunu tanımlamak için kullanılır.


2
Siteye e-posta gönderirdim, kim olduğumu açıklar ve resimler isterim
Kanadalı

8
@Luke Bu mümkün değil ne de yapmamalıyım. Bu kolayca adil kullanım telif hakkı kurallarına girer.
glenviewjeff 13:12

4
Bonus puanları tam olarak nasıl sunuluyor?
Dave

1
@DaveRook ödül?
Denemeden

1
İmajı kopyalamanın amacını belirtmedim; ne yapmamalıyım. Bir görüntüyü bilgisayarınızın panosuna kopyalamak veya yazdırmak için muhtemelen sonsuz geçerli adil kullanım durumları vardır. Örneğin; çıktı almak ve çocuğunuzun alnına zımbalamak.
glenviewjeff

Yanıtlar:


82

New York Times <div>, gerilmiş ve saydam bir piksel görüntüyü içeren bir öğe oluşturur ve gerçek görüntüyü arka planda bulur:

<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>

Resmi kaydetmek için:

  1. Sağ tıklayın.
  2. Görüntü Bilgilerini Göster'i tıklayın .
  3. Gerçek görüntüyü seçin (bir piksel görüntünün üstünde bir tane).
  4. Farklı Kaydet ... 'i tıklayın .

Sayfa nasıl yazdırılır:

  1. Ctrl+ Tuşlarına basın P.
  2. Seçenekler sekmesine girin .
  3. Kontrol Baskı Arkaplan Görüntüleri .
  4. Yazdır'a tıklayın .

4
Bu tür bir aldatmacanın kullanıcıların fotoğraflarını çekmelerini engelleyeceğini düşünmeleri aptalca görünüyor.
Eliot Ball

51
@EliotBall>% 95 başarı oranına sahip olmasaydı şok olurdum. İnternet kullanıcılarının çoğu, 90'lı yıllardan beri teknik olarak okuryazar olmamıştır.
Dan Neely

11
Ayrıca, daha karmaşık hale getirmenin pek bir faydası yoktur. Önemsiz bir şey tarafından durdurulmuş olanlar ile tarayıcılarını kullanabilenler arasındaki boşluk, görüntünün doğrudan nasıl özgürleştirilebileceğini bulmak için adblock / webdev araçlarını kullanmaktadır. çok küçük. Bu arada, sayfaya fazladan şeyler eklemek de can sıkıcı, indirme ve oluşturma işlemlerini yavaşlatıyor.
Dan Neely

9
@EliotBall Çok açıksa, neden bu soru SuperUser'da? Şimdi, kaç kişide faktör hiç süper duymak asla ...
MattiSG

5
@DanNeely - ' Eternal September ' 1993'te başladı.;)
BryanH

49
  1. AdBlockPlus eklentisini kullanın, resmin üzerine sağ tıklayın ve bloke edin ('custom ... pixel.gif' son seçeneğini seçin). Şu andan itibaren, sayfayı bir kez yeniledikten sonra, resmin üzerine sağ fare tuşu ile tıklayıp "arka plan resmini göster" ve işte!

    Bu, yalnızca bir kez yapılan en iyi seçenektir, galerideki görüntüleri her zaman ek çaba göstermeden kaydetmenize olanak sağlar.

  2. Firebug eklentisi ile Firefox’un altında ya da Chrome’da dahili bir seçenek olan ins elemanı kontrol et ’seçeneğini seçin. Ardından, srg to sneaky pixel.gif olan img etiketini gösteren HTML kodunu görürsünüz. Onu içeren div, arka plan olarak ayarlanan uygun resme sahiptir. Resim url'sini div elementinin stilinden kopyalayın (background-image: url) ve bitirdiniz.


Çözümünüzü en çok seviyorum, ama açıklama yüzünden @ Dennis'i kabul ettim.
glenviewjeff 13:12

Ben de açıklamak istedim, ancak aceleyle örnek HTML kodunu yapıştırmak için bir sorun vardı, bu yüzden nihayet atladı. Belki bir dahaki sefere ben yeşil 'V' alırım. En önemli cevabım size yardımcı olur :)
topr

+1, bu (ABP kullanarak) aynen böyle durumlarda olduğu gibi yaptığım şeydir.
Karan,

1
Opera tarayıcısı bir eklenti olmadan herhangi bir şeyi engelleyebilir. Adblock'a gelince, lütfen beğendiğiniz siteler için bir beyaz liste kullanın, reklamlardan paraya ihtiyaçları var.
Manu,

1
@manu, Opera'nın DOM tabanlı bir engellemede yerleşik olduğunu ekledi mi, yoksa URL filtrelerinin ötesinde bir şey için hala bir eklentiye mi ihtiyacınız var?
Dan Neely,

17

Soruyu firefox ile etiketlediğiniz ve görüntünün nasıl kaydedileceğini açıklayan bir yöntemi doğru olarak işaretlediğinizden, aşağıdaki alternatifi öneriyorum:

  • Ya:
    • Sayfada sağ tıklayın -> View Page Info.
    • Menü çubuğundan Tools-> öğesini seçin Page Info.
  • MediaAçılan pencerede Sekme'yi seçin .
  • Aradığınız görüntüye göz atın ve düğmesine Save astıklayın. Ortamı boyuta göre sıralamak, genellikle aradığınız görüntüye daha hızlı ulaşmanıza yardımcı olur.

firefox sayfalık-info

Bu yöntem NY Times slayt gösterileri ile çalışacaktır. Ancak, en kullanışlı şekilde geliyor:

  1. İndirmek istediğiniz birden fazla görüntü içeren sayfalar. Medya listesinden birden fazla dosya seçebilir ve hepsini tek bir tıklamayla kaydedebilirsiniz Save as.
  2. Sağ tıklamayla aptalca kısıtlama bulunan sayfalar (örn. IMDB slayt gösterileri ). Bu yöntem, javascript'i devre dışı bırakmanız ve ardından yeniden etkinleştirmenizden kurtarır.

4
Bu lezzetli görünen bir tavuk.
Russell Borogove

2
@RussellBorogove neden yazdırmak istediğimi düşünüyorsun?
glenviewjeff


6

Bir slayt gösterisi ise, hiç kandırmaca olmayabilir. Pek çok slayt gösterisi çözümü, yalnızca x-browser kırpma olanaklarından dolayı görüntü css tarafından arka planda olduğunda mümkündür. Ve 1x1 piksel, kırpma boyutunu tanımlamak için kullanılır.

Diğerleri bu resmi nasıl indireceklerini çoktan cevapladılar. Sadece konuya başka bir ışık tutmak istedim, ödül toplamak için değil.

Şerefe!


Sen gibi görünen oldukça doğru ! Komik, birçoğumuzun kötü niyetli olduğunu farz etmek için emildi. Soru ve etiketleri düzenleme.
glenviewjeff

Javascript programcı
cevabıydı

3

Sahte görüntünün gerçek görüntüsünü değiştirmek için sadece JavaScript yer imi kullanıyordum, o zaman basitçe kaydedebilir veya masaüstünüze sürükleyebilirsiniz.

Aşağıdaki kodu seçip doğrudan tarayıcınızın yer imi araç çubuğuna sürükleyin, ardından görüntüyü görmek istediğiniz her sayfada çalıştırmak için tıklayın:

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);

Bu yalnızca bu sitede çalışır ve yalnızca şu anda olduğu gibi ayarlanmış HTML ayarlarına sahip olur.



2

İşte herhangi bir web sitesi için çalışması gereken genel bir çözüm.

Kur ve Fiddler'ı başlat . Resimle siteye göz atın.

Fiddler'da yakalanan yakalanan trafik günlüğünü kontrol edin; tarayıcınıza indirilen tüm resimleri bulacaksınız.


Bunun için Fiddler'a ihtiyacınız yok, tarayıcılar da bu bilgiyi sunuyor (yukarıdaki cevapların bazılarına bakınız). Serçeler ve toplar.
Konrad Rudolph

1
Fiddler çözümü, TÜM tarayıcılarla ve kaynaklar flash veya başka bir gömülü nesneyle, HTTP veya HTTPS aracılığıyla yüklendikleri sürece yüklense bile çalışacaktır. Fiddler ile işlem her seferinde aynı şekilde yapılır. Aksi halde işlem web sitesine veya tarayıcıya göre biraz farklıdır. Bunun en kolay çözüm olduğunu söylemiyorum, sadece iyi bir evrensel alternatif.
dotnetengineer 13:12

Flash kaynaklarından bahsettiğiniz aslında oldukça iyi bir nokta.
Konrad Rudolph

2
Daha fazla yazılım eklemek gerekli olmamalıdır, basit bir işlem olması gereken için karmaşıklıkta büyük bir artış olur. Fiddler, genel bilgisayar uzmanı kullanıcıları için değil, programcılar için bir araçtır.
Jeff Atwood

@JeffAtwood: Zorunlulukta gereksiz bir artış olacağına (çoğu durumda), bunun bir ara proxy kullanmanın bu içeriği yakalamak için tek makul yol olabileceği gerçeğini ihmal etmeyeceğine dair ifadenize katılıyorum. .
dotnetengineer

1

Basın PrtScrn, bir boya programını açın, yapıştırın.

Windows kullanıyorsanız: yalnızca acive penceresini yakalamak için: Alt+ PrtScrn, Vista veya daha büyükse, sniper aracını yalnızca bir seçim yakalamak için kullanabilirsiniz.


BU, hepsinin en genel çözümü ve resimleri "çalmak" için hiçbir zaman tarayıcı çözümünün olmamasının nedeni.
--Zeiv amca

1
Aslında, görüntü monitörünüzün gösterebileceğinden daha büyük bir çözünürlük gösteriyorsa, bu hala bir acıdır, ancak yapılabilir ancak sıkıcı hale gelir.
Thomas,

OP’den, “ Ekran görüntüsünün bu kısa kısmını nasıl atlayabilirim ?”
glenviewjeff

özür dilerim - "tasnif" olarak "kısa" okudum, sonra "[önleyici] ekran yakalama [teknolojisi]" hakkında konuştuğunuzu varsaydım.
markmnl

1

Tarayıcınızda gördüğünüz tüm resimler, sabit sürücünüzün bir yerindeki bir önbellekte saklanır. Gözatma oturumundan sonra görüntüleri çıkarmak için bir önbellekleme aracı kullanabilirsiniz. Ve birer birer tasarruf etmenize gerek yok. Kullanabileceğiniz araçlardan biri cacheCopy . Tarayıcıyı seçmenizi sağlar, önbelleği seçin. Ne kadar büyük (dosya boyutu veya çözünürlük) görüntüler kaydetmek istersiniz. Ayrıca dosyalarınıza uygun bir ad vermenizi sağlar.

Bu yaklaşımın dezavantajı, hedef sitedeki görüntüleri önbelleğinizdeki diğer sayfalardan filtrelemeniz gerekir. Ancak, hasat edilmiş görüntülere göz atmaya başlamadan önce önbelleği temizlerseniz, bu önlenebilir. Ayrıca bu araç, önbellek orada kullanılmadığından özel bir modda çalışmaz.

Feragatname: utanmaz bir fiş. Ben bu uygulamanın yazarıyım.


um .. ne amaç için. Başlangıçta flickr kapma için yaratılmıştır
trailmax 22

0

Genel olarak: Chrome / Öğeyi İncele / Kaynaklar sekmesi / Çerçeveler / sayfadaki / çerçevedeki tek çerçeve. Dünyada bu listeden bir görüntüyü gizleyebilecek bir hile yoktur.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.