nytimes.comスライドショー画像をクリップボードにコピーするにはどうすればよいですか？

New York TimesのWebサイトのスライドショーは、何らかのトリックを使用して * Firefox（およびIE / Chrome）で右クリックし、「画像を表示」または「画像をコピー」して1 x 1ピクセルを返したようです。画像も印刷されません。

画面キャプチャのこの短いをバイパスするにはどうすればよいですか？彼らがそれをどのように行ったかを説明するためのボーナスポイント。

* Ijgwwが指摘したのは、これはおそらくトリックではなく、おそらく、この記事の画像（コピー、貼り付け、印刷が正しく機能する）から明らかなように、この奇妙な動作を必要とするブラウザーの制限によるものである可能性が高いことです 物語の教訓：決して否定的な意図を前提としない。

スライドショーの場合は、まったく策略ではないかもしれません。多くのスライドショーソリューションは、Xブラウザのトリミング機能により、CSSによって画像が背景にある場合にのみ可能です。また、1x1ピクセルを使用してトリミングサイズを定義します。

New York Timesは<div>、引き伸ばされた透明な1ピクセルの画像を含む要素を作成し、背景の実際の画像の位置を特定します。

<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. 選択実画像（1画素の画像上下に）。
4. [ 名前を付けて保存...]をクリックします。

ページの印刷方法：

1. Ctrl+を押しPます。
2. [ オプション ]タブに入ります。
3. 背景画像の印刷を確認します。
4. 印刷をクリックします。

1. AdBlockPlusプラグインを使用し、画像を右クリックしてブロックします（最後のオプション「custom ... pixel.gif」を選択します）。これからは、ページを1回更新した後、画像上でマウスの右ボタンをクリックし、「背景画像を表示」を選択して出来上がりです！

   これは、一度だけ実行される最良のオプションであり、ギャラリーから画像を常に追加の労力なしで保存できます。

2. FirefoxでFirebugプラグインを使用するか、Chromeでビルドオプションを使用して、「要素を検査」を選択します。すると、srcがsneaky pixel.gifを指すimgタグを指すHTMLコードが表示されます。それを含むdivには、適切な画像が背景として設定されています。div要素のスタイル（background-image：url）から画像のURLをコピーするだけで完了です。

質問にfirefoxのタグを付け、画像を保存する方法を説明する正しい方法をマークしたので、次の代替案をお勧めします。

• どちらか：
  • ページを右クリック-> View Page Info。
  • メニューバーからTools-> Page Infoを選択します。
• MediaポップアップするウィンドウでTabを選択します。
• 探している画像を参照し、Save asボタンをクリックします。通常、メディアをサイズで並べ替えると、探している画像にすばやくアクセスできます。

この方法は、NY Timesのスライドショーで機能します。ただし、次の場合に最も便利です。

1. ダウンロードする複数の画像を含むページ。メディアリストから複数のファイルを選択し、1回クリックするだけですべてを保存できますSave as。
2. 右クリックに愚かな制限があるページ（IMDBスライドショーなど）。この方法により、javascriptを無効にしてから再度有効にする必要がなくなります。

右クリックして、Chromeで要素を検査を選択します。background-imageフィールドにURLをコピーします

実際のリンクが表示されます

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

スライドショーの場合は、まったく策略ではないかもしれません。多くのスライドショーソリューションは、Xブラウザのトリミング機能により、CSSによって画像が背景にある場合にのみ可能です。また、1x1ピクセルを使用してトリミングサイズを定義します。

他の人は、そのような写真をダウンロードする方法にすでに答えました。賞金を集めるのではなく、被写体に他の光を当てたいだけでした。

乾杯！

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が設定されている間のみ機能します。

Chromeを使用し、画像を右クリックして、Inspect Elementを実行します。画像タグを無視して、divの背景URLを確認します。これにより、真の画像パスが得られます。これをコピーして、新しいタブにロードし、保存できます

以下は、どのWebサイトでも機能する一般的なソリューションです。

Fiddlerをインストールして起動します。画像があるサイトを参照します。

Fiddlerでキャプチャされたキャプチャ済みトラフィックログを確認すると、ブラウザにダウンロードされたすべての画像が見つかります。

を押しPrtScrnて、ペイントプログラムを開き、貼り付けます。

Windowsを使用している場合：アクティブウィンドウのみをキャプチャするには：Alt+ PrtScrn、Vista以上の場合は、スニッピングツールを使用して選択範囲のみをキャプチャできます。

ブラウザに表示されるすべての画像は、ハードドライブのどこかにキャッシュに保存されます。キャッシュリッピングツールを使用して、ブラウジングセッション後に画像を抽出できます。そして、1つずつ保存する必要はありません。使用できるツールの1つはcacheCopyです。ブラウザを選択し、キャッシュを選択できます。保存する画像のサイズ（ファイルサイズまたは解像度）。また、ファイルに適切な名前を付けることもできます。

このアプローチの欠点は、キャッシュ内の他のすべてからターゲットサイトの画像を除外する必要があることです。ただし、収集した画像の参照を開始する前にキャッシュをクリアすると、これを回避できます。また、キャッシュはプライベートモードでは使用されないため、このツールはプライベートモードでは機能しません。

免責事項：それは恥知らずのプラグです。私はそのアプリの作者です。

一般的に、Chrome /要素の検査/リソースタブ/フレーム/ページ内の唯一のフレーム/画像。このリストから画像を隠すことのできるトリックは世界にはありません。