Come posso copiare le immagini della presentazione di nytimes.com negli Appunti?

Le presentazioni sul sito Web del New York Times sembrano aver usato alcuni trucchi per * fare clic con il tasto destro su Firefox (e IE / Chrome), quindi "visualizza immagine" o "copia immagine" per restituire un pixel 1 x 1. Le immagini inoltre non verranno stampate.

Come posso bypassare questo corto di una cattura dello schermo? Punti bonus per descrivere come hanno fatto.

* Alla fine Ijgww ha sottolineato che questo probabilmente non è un trucco, ma è probabilmente dovuto a alcune limitazioni del browser che richiedono questo strano comportamento, come dimostrato dall'immagine di questo articolo , in cui copia, incolla e stampa funzionano correttamente. Morale della storia: non assumere mai intenti negativi.

Se si tratta di una presentazione, potrebbe non essere affatto un trucco. Molte soluzioni di presentazione sono possibili solo se l'immagine è in background tramite CSS a causa delle funzionalità di ritaglio del browser x. E un pixel 1x1 viene utilizzato per definire le dimensioni del ritaglio.

Il New York Times crea un <div>elemento contenente l'immagine a un pixel allungata e trasparente e individua l'immagine reale sullo sfondo:

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

Per salvare l'immagine:

1. Fai clic destro.
2. Fai clic su Visualizza informazioni sull'immagine .
3. Seleziona l' immagine reale (una sopra l'immagine di un pixel).
4. Fare clic su Salva con nome ... .

Come stampare la pagina:

1. Premi Ctrl+ P.
2. Accedi alla scheda Opzioni .
3. Controlla Stampa immagini di sfondo .
4. Fai clic su Stampa .

1. Utilizza il plug-in AdBlockPlus, fai clic con il tasto destro sull'immagine e bloccala (seleziona l'ultima opzione 'custom ... pixel.gif'). Da ora, dopo aver aggiornato la pagina una volta, sarai in grado di fare clic con il tasto destro del mouse sull'immagine e selezionare 'Visualizza immagine di sfondo' e voilà!

   Questa è l'opzione migliore, fatta una sola volta, ti permetterà di salvare le immagini dalle gallerie sempre senza ulteriore sforzo.

2. Con il plug-in Firebug in Firefox o con l'opzione build-in in Chrome, selezionare "Ispeziona elemento". Quindi vedrai il codice HTML che punta al tag img con src al subdolo pixel.gif. Il div che lo contiene ha l'immagine corretta impostata come sfondo. Basta copiare l'URL dell'immagine dallo stile dell'elemento div (immagine di sfondo: url) e il gioco è fatto.

Dato che hai taggato la domanda con firefox e hai contrassegnato come corretto un metodo che descrive come salvare l'immagine, ti suggerisco la seguente alternativa:

• O:
  • Fare clic destro sulla pagina -> View Page Info.
  • Scegli Tools-> Page Infodalla barra dei menu.
• Seleziona la Mediascheda nella finestra che si apre.
• Passa all'immagine che stai cercando e fai clic sul Save aspulsante. L'ordinamento dei media in base alle dimensioni di solito ti aiuta a velocizzare l'immagine che stai cercando.

Questo metodo funzionerà con le presentazioni del NY Times. Tuttavia, è molto utile con:

1. Pagine che contengono più immagini che si desidera scaricare. È possibile selezionare più file dall'elenco dei media e salvarli tutti con un clic di Save as.
2. Pagine con restrizioni stupide sul clic con il tasto destro (ad es. Slideshow IMDB ). Questo metodo ti evita di dover disabilitare e quindi riattivare javascript.

Fare clic con il tasto destro e selezionare Ispeziona elemento in Chrome. Ora copia l'URL nel campo dell'immagine di sfondo

Il che mi dà il link reale

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

Se si tratta di una presentazione, potrebbe non essere affatto un trucco. Molte soluzioni di presentazione sono possibili solo se l'immagine è in background tramite CSS a causa delle funzionalità di ritaglio del browser x. E il pixel 1x1 viene utilizzato per definire le dimensioni del ritaglio.

Altri hanno già risposto a come scaricare tale immagine. Volevo solo gettare un po 'di luce sull'argomento, non raccogliere ricompense.

Saluti!

Userei solo un bookmarklet JavaScript per sostituire l'immagine fittizia con quella reale, quindi puoi semplicemente salvarla o trascinarla sul desktop.

Seleziona e trascina il codice qui sotto direttamente sulla barra degli strumenti dei segnalibri del browser, quindi fai clic per eseguirlo su ogni pagina da cui desideri visualizzare l'immagine:

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

Funzionerà solo su questo sito e solo mentre hanno l'HTML impostato come fanno in questo momento.

Usa Chrome, fai clic con il pulsante destro del mouse sull'immagine, ispeziona Element. Ignora il tag immagine e cerca l'URL di sfondo per il div, che ti dà il vero percorso dell'immagine, che puoi copiare, caricare in una nuova scheda e salvare

Ecco una soluzione generale che dovrebbe funzionare per qualsiasi sito Web.

Installa e avvia Fiddler . Passare al sito con l'immagine.

Controlla il registro del traffico acquisito che è stato catturato in Fiddler e troverai tutte le immagini che sono state scaricate sul tuo browser.

Premi PrtScrn, apri un programma di disegno, incolla.

Se si utilizza Windows: per acquisire solo la finestra attiva: Alt+ PrtScrn, se Vista o superiore è possibile utilizzare lo strumento di cattura per acquisire solo una selezione.

Tutte le immagini che vedi sul tuo browser sono archiviate in una cache da qualche parte sul tuo disco rigido. È possibile utilizzare uno strumento di ripping della cache per estrarre le immagini dopo la sessione di navigazione. E non c'è bisogno di salvare uno per uno. Uno degli strumenti che è possibile utilizzare è cacheCopy . Ti permette di scegliere il browser, scegliere la cache. Quante immagini di grandi dimensioni (dimensione del file o risoluzione) desideri salvare. E ti permette anche di dare ai tuoi file un nome proprio.

L'aspetto negativo di questo approccio, dovrai filtrare le immagini dal sito di destinazione da tutte le altre nella tua cache. Ma questo può essere evitato se si cancella la cache prima di iniziare a cercare le immagini raccolte. Inoltre, questo strumento non funziona in modalità privata, poiché la cache non viene utilizzata lì.

Disclaimer: è una spina spudorata. Sono l'autore di quell'app.

In generale: Chrome / Ispeziona elemento / Scheda Risorse / Cornici / l'unico frame nella pagina / Immagini. Non ci sono inganni al mondo che potrebbero nascondere un'immagine da questo elenco.