Edited at

jQueryとchrome拡張機能でお手軽な画像スクレイピング


要件

現在表示しているページの画像をまとめて保存したい。

liタグや兄弟要素で特にかなり楽にスクレイピングできる。


サンプル(ヤ●オクの商品ページ)

$('.ProductImage__link img').each(function(i, element){window.open(element.currentSrc)});

上記のコードをコンソールで実行後、拡張機能で一括保存


材料


手順


  1. 保存したい画像のセレクタを確認

    → 上記の例だとimgタグにクラスがないので、親のaタグを利用して

     $('.ProductImage__link img')として要素を取得できます。

  2. each()でwindow.open('画像のURL')を実行

  3. Save Tabbed Imagesで保存


実行イメージ

jQuery.gif


感想

jQuery、まだまだ現役👴

jQuery読み込んでなかったら使えないけどそこはご愛嬌

window.open()は使えない時もあるよ