Design
Coding
Setting
会員限定 Webデザインの模写コーディングに挑戦
03:12会員限定 Chromeの開発モード
- Chromeの開発モードとは
- Chromeの開発モードの起動方法
- Chromeの開発モードの使い方
- 関連リンク
Chromeの開発モードとは
Google Chromeにデフォルトで搭載されている開発者向けの検証ツールです。
HTMLやCSSなどからレイアウト崩れの原因の特定や、ページ改修前後の検証など、様々な面で活用ができます。
Chromeの開発モードの起動方法
Macの場合
- Google Chromeのメニューから起動
Google Chromeのメニューの「表示」→「開発/管理」→「デベロッパーツール」を選択して起動します。
- 画面上右クリックで起動
画面上で右クリックを行い「検証」を選択して起動します。
- ショートコードで起動
Command⌘ + Option⌥ + I
コーディング実践
全 7 動画
