生涯未熟

生涯未熟

プログラミングをちょこちょこと。

GoogleChromeデベロッパーツールでマウスオーバーの要素を分析する方法

全国1億人のGoogleChromerの皆様こんにちわ!

GoogleChromerの中にはWEB開発を行う際にデベロッパーツールを使う方が少なくはないと思います。
知らなかった人はCtr+Shift+Jを押してみよう。

今回はそんなGoogleChromeにおけるデベロッパーツールの豆々知識をひとつ。





マウスオーバーを用いるWEBデザインを開発するときに「マウスを乗せる動作と下部に出てくる分析結果を見るのを同時に出来ないよ!」と困ったことはありませんか?

そんなときは「マウスオーバーしているときに右クリック」してください。


そして、右クリックメニューを出した状態で分析画面をクリックするとあーら不思議。
マウスオーバー状態を維持しつつ、ページ下部の分析結果を見ることが出来ます。




と、本当にこれだけなのですが我ながら気付いてハッとしたので備忘録がわりに。