web-dev-qa-db-ja.com

マウスオーバーしたときに画像を拡大するWebサイトから画像をコピーするにはどうすればよいですか？

Aliexpressやその他の多くのサイトには、ホバーして画像を表示できる場所があります。画像をダウンロードできないようです。

Firefoxでこのタイプの画像をダウンロードする方法はありますか？

firefoximagesweb
4
red car

  1. Firefoxで、AliExpress Webサイトの任意の製品ページに移動し、製品を選択します。

  2. 画像を右クリックしてリンクを新しいタブで開くを選択します。

  3. 新しいタブに切り替えると、大きな商品画像が表示され、その上にサムネイル画像のギャラリー（通常は6つのサムネイル画像）が表示されます。クリックすると、商品をさまざまな視点から表示できます。 FirefoxメニューからWeb Developer-> Page Sourceを選択します。

  4. [ページのソース]タブで、<div class="image layout-left">

  5. その行の下には、そのWebページ上のすべての元のサイズの製品画像へのリンクがあります。複数の画像を含む画像ギャラリーがある場合、画像ギャラリー内の各画像に1つのリンクを含む画像のリストがあります。大きな商品画像の上に6つのサムネイル画像がある場合、リストには元のサイズの画像への6つのリンクがあります。

  6. 保存する画像へのリンクを新しいタブで開きます。

  7. 暗い灰色の背景に囲まれたページの中央に1つの画像のみを含む新しいタブが開きます。画像を右クリックして名前を付けて画像を保存...を選択し、画像をコンピューターに保存します。

3
karel

Aliexpress.comの更新-画像全体がJavaScriptでラップされるようになったため、新しいタブで開くだけでは機能しなくなりました。

  1. 製品ページの最上部を右クリックし、「要素の検査（Q）」をクリックします。
  2. デベロッパーツールの[HTMLを検索]テキストフィールドで、「j-detail-gallery-main」を検索します。
  3. 見つかったdiv id-<div id="j-detail-gallery-main">を展開すると、そのdivが閉じる直前に、JavaScript-<script type="text/javascript"></script>が表示されます。
  4. そのJavaScriptを展開すると、その製品のフルサイズの.jpg画像へのフルパスが表示され、必要に応じて開いたり保存したりできます。
1
user1138

可能ですが、スクリーンショットを作成する方がはるかに簡単です。

あなたがAliexpressに行って製品を選ぶなら、あなたは画像をクリックすることができます。独自のページに画像が表示されます。

これで、 'ctrl + u'（他のブラウザではchrome or firefox）以外の組み合わせである可能性があります）を押して、ページの背後にコードを表示できます。

「img」属性を検索します。これらの属性は、プレーンイメージにリンクするリンクを保持します。これはダウンロードできます（50x50の画像は選択しないでください。これらは小さいプレースホルダーです）。

0
ltv

Firefoxのページ情報を使用してみてください（ツール-ページ情報-メディア）。新しいFirefoxを使用している場合、キーボードの[Alt]を押すと、古いメニューバーが表示されます。

ここでは、アクセスしているWebページに表示されているすべての画像を表示できます。画像を保存するには、画像のアドレスをクリックして[名前を付けて保存]をクリックします。

探している画像が見つからない場合は、ウェブページを右クリックして、[検査]（Chrome）または[要素の検査]（Firefox）を選択することをお勧めします。

ツールの左端のアイコンをクリックし、それを使用して、保存する画像を強調表示します。次に、ツールに画像のアドレスが表示されます。

この「検査」ツールの使い方がわからない場合は、ウェブデザインに詳しい人に聞いてみてください。

0
Arthz

Right-click画像と[保存]を選択Save Image Asをクリックして、画像をコンピューターに保存します。

OR

あなたはできる drag the imageからnew tab buttonをブラウザで開いてnew tabその後、Right-click画像を選択して、[saveに画像をコンピューターに保存]を選択します。

そして、画像がドラッグできず、save asオプション使用できるCapture Pageブラウザのプラグインの使用方法は次のとおりです。

Chromeの場合：

https://chrome.google.com/webstore/detail/capture-webpage-screensho/mcbpblocgmgfnpjjppndjkmgjaogfceg

Firefoxの場合：

https://addons.mozilla.org/en-US/firefox/addon/fireshot/?src=search

0
AsimRazaKhan