<備忘録 要素の検証>

 

 

右クリックで保存できない画像を保存するやり方。

要素の検証(Google Chome)、要素の検査(Fire Fox)を使う。

 

例えばインスタグラム。

これはアプリ内では保存できるけれど、PC内部には保存されない。これを要素の検証を使って保存する。

 

   ※ここではFire Foxを使ってます

           ※アプリからではできません。必ずWebで開くこと

 

1.まず保存したい画像をPC画面に表示させる。

f:id:vermillionorange:20170528215335j:plain

 

 

2.右クリックで要素の検査をクリック。あるいはF12を押下。

f:id:vermillionorange:20170528215850j:plain

 

 

3.そうすると下部分にデベロッパーツールが開きます。

一番左端のオレンジの丸で囲んだところをクリック。

上の写真にマウスのポインターを持っていくとその部分の画像が薄い青色になり、下の要素の表示部分が青くなる。そこが画像の情報がある部分。

それを確認したら、上の薄い青色になった画像をクリックする。

f:id:vermillionorange:20170528215944j:plain

 

 

4.青くハイライトされた行のすぐ上にある▶<div class~をクリックすると▼になり、隠されていた情報が表示される。

f:id:vermillionorange:20170528221253p:plain

 

 

5..jpg(画像の拡張子)の付いているURLをダブルクリック。それをコピーして新しいタブに貼り付けて開く。

f:id:vermillionorange:20170528221326p:plain

 

 

6.画像のみが表示されます。あとは右クリックで「名前を付けて保存」するだけ 

f:id:vermillionorange:20170528222559p:plain

 

以上です。