Chromeのデベロッパーツールの使い方について

   

google_logo_3D_online_medium

今日は Chromeのデベロッパーツールについて簡単にご説明いたします。

ご存知の方も多いかと思いますが、Google Chrome デベロッパーツールは、Google の提供するブラウザ「Google Chrome」で利用でき、Webサイト制作時に役立つ豊富な機能が搭載されています。
閲覧中のWebサイトの要素に適用されている CSS を確認したり、JavaScript のエラーを確認したりできます。Webサイト制作時には欠かせない方もいらっしゃるのではないでしょか。

デベロッパーツールは、Google Chrome ブラウザの右上のメニュー→「その他のツール」→「デベロッパーツール」をクリックで開くことができます。Mac ならば「alt」+「command」+「I」キー、Windows なら「F12」キーを押すことでも立ち上げることが可能です。

動画をご覧ください

スポンサードリンク

 - wordpress , , ,