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

要件

現在表示しているページの画像をまとめて保存したい。
liタグや兄弟要素で特にかなり楽にスクレイピングできる。

サンプル（ヤ●オクの商品ページ）

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

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

材料

• jQueryさん
• chromeの拡張機能（Save Tabbed Images）

手順

1. 保存したい画像のセレクタを確認
   
   → 上記の例だとimgタグにクラスがないので、親のaタグを利用して
   
   　$('.ProductImage__link img')として要素を取得できます。
2. each()でwindow.open('画像のURL')を実行
3. Save Tabbed Imagesで保存

実行イメージ

感想

jQuery、まだまだ現役👴
jQuery読み込んでなかったら使えないけどそこはご愛嬌
window.open()は使えない時もあるよ