プログラミング未経験者の学習日記

私が学習した内容のまとめサイトです。

【Chrome Developer Tools入門】Chrome Developer Toolsとは?

 

f:id:DAI_KONDO:20181026105354p:plain

 Chrome DevTools は、Google Chrome に組み込まれたウェブ作成およびデバッグツールのセットです。 DevTools を使用してサイトの反復処理、デバッグ、プロファイリングを行います。

●公式サイト

developers.google.com

 

 

●必要な知識

 HTML/CSS/Javascript

 

●必要なツール

 

●起動方法

 ・方法1:[GoogleChromeの設定]アイコン-[その他のツール(L)]-[デベロッパーツール(D)]をクリックする。

 ・方法2:[Ctrl]-[Shift]-[I]キー同時押下する。

 ・方法3:要素を選択して右クリックし、[検証]をクリックする。

 

●終了方法

[×]で閉じる。