webをつくる人になる

スクールでwebサイト制作を学んだことをきっかけに、webやパソコンなどについて記録していく たまにCG たまにおやつ・・・

既サイトのソースを表示する・サイトの画像を保存する方法

他の方々が作られたサイトを参考にすることは大事です。

心の中で敬意を表しながら、データを読み取りましょう。

 

・ ブラウザに表示されたページ上で右クリック - ページのソースを表示

 

・ ブラウザのデベロッパツールを使う

  ・ショートカット:F12キー

  ・ページ上で右クリック→要素を調査(FireFox)、要素を検証(Chrome

  【参考】

   

   Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider

 

・ 画像を保存したい場合

  ・Firefox:ページの情報を表示 → メディアf:id:weble:20140907025451p:plain

 

  ・Firefox:ページ上で右クリック→Web Developer→画像→画像情報を表示

f:id:weble:20140907025627p:plain

   ↓ 画像の一覧を表示できる

f:id:weble:20140907025637p:plain

 

  ・Chrome:要素を検証→ Resourcesタブ→Frames→(URL)→Images

f:id:weble:20140907025650p:plain