ショートカットキーでデベロッパーツールを起動するときは以下手順で起動しましょう。
ツールの開き方
- MacはCommand + Option + C、WindowsはControl + Shift + Cで要素タブが開く
- MacはCommand + Option + J、WindowsはControl + Shift + Jでコンソールタブが開く
デベロッパーツールの活用方法
- 画像が表示されない
- CSSが反映されない
- JSが反映されない
これらが起きた場合はソースタブをクリックして該当のフォルダを開いて確認します。
HTML要素を非表示にする手順は以下になります。
- HTML要素を選択してhキーを押す
- 再度表示するときはhキーを押す
削除する場合はデリートキーを押します。
指定の要素を探したいとき
- 確認するHTML要素を選択する
- 計算済みタブを選択する
- フィルタに検索したい単語を入力する
コメント