デベロッパーツール

ショートカットキーでデベロッパーツールを起動するときは以下手順で起動しましょう。

ツールの開き方

  • MacはCommand + Option + C、WindowsはControl + Shift + Cで要素タブが開く
  • MacはCommand + Option + J、WindowsはControl + Shift + Jでコンソールタブが開く

デベロッパーツールの活用方法

  • 画像が表示されない
  • CSSが反映されない
  • JSが反映されない

これらが起きた場合はソースタブをクリックして該当のフォルダを開いて確認します。

HTML要素を非表示にする手順は以下になります。

  1. HTML要素を選択してhキーを押す
  2. 再度表示するときはhキーを押す

削除する場合はデリートキーを押します。

指定の要素を探したいとき

  1. 確認するHTML要素を選択する
  2. 計算済みタブを選択する
  3. フィルタに検索したい単語を入力する

コメント

タイトルとURLをコピーしました