Chromeデベロッパーツール（検証モード）の基本的な使い方を解説

Google Chromeのデベロッパーツール（別名：検証モード）は、Web開発者にとって非常に便利なツールです。 特に便利なのが、スマートフォン向けの開発を行っている時の表示エミュレーション機能で、PC画面にも関わらず擬似的にスマホ画面にして表示してくれます。 Google Chromeデベロッパーツールを知っておくことで、HTML/CSSの編集やデバッグ、スマートフォンでの表示チェックが容易にできるようになります。 今回は、Google Chromeデベロッパーツールの基本的な機能と使い方をまとめました。 Chromeデベロッパーツールの使い方 1.起動方法 デベロッパーツールは、Google Chromeブラウザを使っている方であれば、誰でも無料で利用することができます。 利用方法は、調べたいページを右クリックし、「検証」の項目がありますので、それをクリックします。 ショートカットキ