今回はブラウザ別にデベロッパー(開発)を使う方法をご紹介します。

デベロッパー(開発)ツールとは

デベロッパー(開発)ツールとは、主にウェブ開発向けに用意された様々な機能の総称です。

ブラウザごとに提供されており、ブラウザを起動した状態で次のショートカットを押下すると使うことができます。

Google Chrome

  • Windows: ctrl + shift + i
  • Mac: command + option + i

Microsoft Edge

  • Windows: ctrl + shift + i
  • Mac: command + option + i

Safari

  • Mac: command + option + i