ディベロッパーツールのエレメントからデータを抽出する方法

Question

Google ディベロッパーツールのElementから規則的なデータを抽出したいです。

<li id="menu1" data-number="001" cluss="menu_item"> <li id="menu2" data-number="002" cluss="menu_item"> <li id="menu3" data-number="003" cluss="menu_item"> のdata-numberの部分の値を抽出したいのですが、そのような方法はありますか？

Comments

[mrkmyki]

抽出というのは、具体的に何をすることでしょうか。目視できればOK？ファイルに出力すること？

[myaow]

どちらの場合も可能であれば教えて頂きたいです。

[myaow]

訂正）抽出したデータをコピペできればいいので、目視の場合でも可能であれば目視でOKです。

Answer 1

目視で良ければ、Googleデベロッパーツールの下の入力欄にXPathという形式で要素を指定すれば1つずつ取れます。

以下はGoogleの検索結果のタイトルを取得する例。

大量のデータを抽出するのであれば、Googleデベロッパーツールを使うのではなく、スクレイピングのプログラムを書いてファイルに出力等するのが良いと思います。