各種機能

Elements

HTML, CSSを確認・編集する機能

HTML構造を確認しCSSの編集が可能

Console

JavaScript の実行環境

JavaScriptでのプログラムが実行可能

補足

Elementsパネルを開きながら「escキー」で下に表示することができる

Sources

対象ページのファイルを確認する機能

ファイルの構成確認とファイルを編集しながらデバッグできる

Ruby,Railsでいうbinding.pryのイメージ

↑よく使う機能3つ

Network

ブラウザの通信状況を確認できる