なんかできたよー。

Web系Tipsを適当につづるBlog.

Twitter上の画像を簡単に保存するブックマークレット。(単体画像用

f:id:tuki0918:20130612012805p:plain

追記 )2013/06/25 0:34

「右クリック→保存」しなくても良いバージョンを作りました。
Twitter上の画像をワンクリックで簡単に保存するブックマークレット。
 

さいしょに

Twitterの画像保存しようとしてもレイヤーが入り組んでて、うまく保存できない場合用のブックマークレットです。
 

使いどころ

ユーザーのイメージ一覧ページ

f:id:tuki0918:20130612005949p:plain
(自分の投稿してる画像良いの無かった…)
この画像保存できねえ、、、ってなったときに使うと

f:id:tuki0918:20130612010233p:plain
画像だけ新しいウインドウで表示させてくれるので簡単に保存できるようになります。

f:id:tuki0918:20130625002920p:plain
Google Chrome の 「ブックマークバー」に保存しておくと便利です。 

新しいウインドウが表示されない時

f:id:tuki0918:20130612010511p:plain
「ポップアップ表示を許可」してるか確認してください。
 

コード

javascript:(function(){ var d = document; var s = d.createElement('script'); s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'; d.body.appendChild(s); setTimeout(function(){ var imgURI = $('img.media-image').attr('src').replace(':large',''); window.open(imgURI); }, 500); })();

 

コード(整形)

javascript:(function(){
	var d = document;
	var s = d.createElement('script');
	s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js';
	d.body.appendChild(s);
	setTimeout(function(){
		var imgURI = $('img.media-image').attr('src').replace(':large','');
		window.open(imgURI);
	}, 500);
})();

 

さいごに

FirebugからCSSパスコピペしただけですが、たまに使うことがあるので共有します。

動作確認は Google Chrome しかしてないです。
Twitter側の更新によって突然使えなくなる場合があります。

需要的には「すべて保存」の方があるのかな。