読者です 読者をやめる 読者になる 読者になる

うめすこんぶ

日々のプログラミングで残しておきたいメモ.何かの役に立てれば幸いです.

WebページのCSSパスを簡単に知る方法

スポンサーリンク

Nokogiri.rbなどのスクレイピングをやるときに、Webページの特定要素のCSSセレクタを調べることが多くあります。

環境

やり方

f:id:konbu13:20141112215643j:plain

  • ここで、左上のルーペ部分をクリック。

f:id:konbu13:20141112220041j:plain

  • CSSパスを見たい要素を選択します。

f:id:konbu13:20141112220055j:plain

f:id:konbu13:20141112220110j:plain

結果:

body > div > div > div > article > header > h1

出てきたパスは長すぎるので、あとはこれを適当に削って使うといいですよ。