Firefox で要素を検査して画像の URL を見つける方法 (Chrome と同様)

Firefox で要素を検査して画像の URL を見つける方法 (Chrome と同様)

Google Chromeでは、ウェブページを右クリックして

Inspect Elements -> Resources -> Frames -> (Search) -> Images 

ウェブページ内の画像ファイルのURLを見ることができます。URLをクリックすると、画像のあるタブが開きます。例:

ここに画像の説明を入力してください

Firefox で同等のことを行うにはどうすればよいですか? Firefox の「要素の検査」には Chrome とは異なるメニューがあります。

ありがとう!

答え1

(はい、これは古い質問ですが、検索を通じて誰かがそれに出会う可能性もあります。)

別の方法(コメントに示されている方法以外)は、「ツール -> ページ情報 -> メディア」を使用することです。「名前を付けて保存...」ボタンを使用して画像をダウンロードできます。

答え2

Windows で Firefox DevTools を開くには:

  • 「F12」キーを押すか、
  • 画面上の任意の場所を右クリックし、「検査」を選択します。

それから:

  1. 「ネットワーク」タブに移動します。
  2. 「画像」で検索をフィルタリングします。
  3. 右クリックすると、さまざまな画像が表示されます。

ここにGIFがあります:

Firefox 開発ツールを使用して画像を見つける方法

詳しい情報はこちらをご覧ください:https://firefox-source-docs.mozilla.org/devtools-user/

答え3

私はちょうどそれを理解しました:

  1. 要素を検査
  2. インスペクタでIMGクラスを見つける
  3. 画像データのURLをコピー
  4. 新しいタブに貼り付け
  5. 画像をダウンロードまたはコピー

こちらはGIFです:

検査官

関連情報