会員限定 Chromeの開発モード

• Chromeの開発モードとは
• Chromeの開発モードの起動方法
• Chromeの開発モードの使い方

Chromeの開発モードとは

Google Chromeにデフォルトで搭載されている開発者向けの検証ツールです。

HTMLやCSSなどからレイアウト崩れの原因の特定や、ページ改修前後の検証など、様々な面で活用ができます。

Chromeの開発モードの起動方法

Macの場合

1. Google Chromeのメニューから起動
   Google Chromeのメニューの「表示」→「開発/管理」→「デベロッパーツール」を選択して起動します。
2. 画面上右クリックで起動
   画面上で右クリックを行い「検証」を選択して起動します。
3. ショートコードで起動
   Command⌘ + Option⌥ + I