記事の詳細
Chromeの「要素の検証」(デベロッパーツール)を右側に表示する方法
Googleが提供している無料ブラウザのChromeはパソコン版、モバイル版(スマホ、タブレット)などに対応する最新の技術が詰め込まれたブラウザです。
最近は利用者も増えてきましたが、やはりChromeはまだまだIT技術に詳しい人の利用がメインユーザーのようです。
今回のブログの見出しはコチラです!
WEB開発するなら手放せないデベロッパーツール
このChromeブラウザに搭載されている機能の中で、WEBサイトやWEBアプリを制作する時に非常に活躍するのが右クリックするとコンテキストメニューの中にある「要素の検証」(デベロッパーツール)です。
WEB系の開発者なら誰もがお世話になる便利すぎるツールです。
このツールはF12を押すか、右クリックしてコンテキストメニューから表示することができます。
デベロッパーツールを右側に表示するためには「長押し」が必要
このツールは標準では下側に表示されるのですが、最近のフルHDのディスプレイのような横長サイズだと右側に表示したほうが個人的には使いやすいと思います。
右側に表示するためには、下の赤枠の位置にあるアイコンを
長押し
すると、赤枠で囲んだデベロッパーツールを右側に表示するためのアイコンが表示されます。
このアイコンを選択するとデベロッパーツールが右側に表示されます。
この「長押し」をいつも忘れてしまうんですよね。。。
他のアイコンの意味
右側表示以外にも、標準の下側表示(上のアイコン)、また別ウインドウ表示(下のアイコン)もあります。
環境に応じて使い分けるとさらに便利にデベロッパーツールを活用することができると思います。
デベロッパーツールの使い方についてはまた次の機会にでも紹介したいと思います。
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。