別のものを造ってる途中でなんか出来たもの
実際javascriptだけだと画像をまとめて保存ができないので使い道があるのかは微妙
実際javascriptだけだと画像をまとめて保存ができないので使い道があるのかは微妙
var html = document.body.innerHTML;
html.match(/<img .*?(src).*?>/gi).forEach(function(e){document.write('<img width=50 height=50 src="'+e.match(/src=(["'].*?['"])/i)[1].split('"')[1]+'">')});
ライブドアブログなら最後が「-s.jpg」ならサムネイルだから「-s」はずす処理をつける
var html = document.body.innerHTML;html.match(/<img .*?(src).*?>/gi).forEach(function(e){document.write('<img width=50 src="'+e.match(/src=(["'].*?['"])/i)[1].split('"')[1].replace(/\-s\.jpg$/,".jpg")+'">')});
これをコピペしてコンソールで実行してみてください
画像だけが縮小されて並んで表示されます
これをまとめて保存することができないのが辛いです
使い道は欲しいのだけデスクトップやフォルダにドラッグアンドドロップするくらいか
htmlにbody全体を入れてますが、これだとサイドバーとかの広告まで含まれるので
document.getElementsByClassName('article-body')[0].innerHTML とかにしたほうがいいかも
「article-body」はライブドアブログの標準の 続きを読む の部分なので必要に応じて変更してください
一応説明
forEach前まで
1. 文字列htmlからsrc属性があるimgタグを全部取り出す
forEachの関数内
2. それぞれ画像URLを取り出す(サムネイルなら元画像の)
3. width=50のimgタグで出力
http://blog.livedoor.jp/netomemo/archives/21904551.html
このページ(WA2攻略)でやるとページがこうなります↓
コメントする